manhuaren

所属分类:构建工具
开发工具:Vue
文件大小:1524KB
下载次数:0
上传日期:2017-07-12 08:28:29
上 传 者sh-1993
说明:  vue2.0全家桶,仿漫画人官网(移动端)
(Vue2.0 Family Bucket, official website of mime (mobile terminal))

文件列表:
.babelrc (312, 2017-07-12)
.editorconfig (147, 2017-07-12)
.eslintignore (23, 2017-07-12)
.eslintrc.js (642, 2017-07-12)
.postcssrc.js (196, 2017-07-12)
.project (861, 2017-07-12)
.src (0, 2017-07-12)
.src\sprite (0, 2017-07-12)
.src\sprite\sprite.css (1604, 2017-07-12)
.src\sprite\sprite.png (4882, 2017-07-12)
build (0, 2017-07-12)
build\build.js (953, 2017-07-12)
build\check-versions.js (1257, 2017-07-12)
build\dev-client.js (245, 2017-07-12)
build\dev-server.js (2781, 2017-07-12)
build\utils.js (1949, 2017-07-12)
build\vue-loader.conf.js (307, 2017-07-12)
build\webpack.base.conf.js (1306, 2017-07-12)
build\webpack.dev.conf.js (1225, 2017-07-12)
build\webpack.prod.conf.js (3883, 2017-07-12)
build\webpack.test.conf.js (831, 2017-07-12)
config (0, 2017-07-12)
config\dev.env.js (139, 2017-07-12)
config\index.js (1493, 2017-07-12)
config\prod.env.js (48, 2017-07-12)
config\test.env.js (132, 2017-07-12)
gitImg (0, 2017-07-12)
gitImg\details.png (237927, 2017-07-12)
gitImg\home.png (285100, 2017-07-12)
gitImg\home1.png (189765, 2017-07-12)
gitImg\more.png (288069, 2017-07-12)
gulpfile.js (494, 2017-07-12)
index.html (566, 2017-07-12)
package.json (3123, 2017-07-12)
src (0, 2017-07-12)
src\App.vue (318, 2017-07-12)
... ...

“简单却不失优雅,小巧而不乏大匠” 用这句话来形容vue最合适不过了。 随着移动端业务增加和pc页面复杂度的提升,vue也越来越受到众多互联网公司的青睐,天猫苏宁饿了么等好多公司开始用vue做重构了 作为一个前端狗,当然也想用vue来搞事啦,不过天猫京东被仿烂了,提不起兴趣,饿了么前面也有几位大神搞定了,思来想去,发现几个漫画类的网站界面比较友好, 累了还能追个漫画看,所以就选了 漫画人。 项目运行(nodejs 6.0+) ## 安装依赖 npm install ## 开启本地服务器localhost:8080 npm run dev 如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢!
或者您可以 "follow" 一下,我会发更多关于前端的好玩的项目,
也会发一些公司的项目,比如微信小程序,或者reactjs的项目,初步设想回头把nodejs学了,用这个做后台 ## 项目简介 这个项目的界面数据是自己模拟的static/data.json,es6语法 路由配置: ```javascript const routes = [ {name:'home', path: '/home', component:home}, {name:'original', path: '/original', component: original}, {name:'details', path: '/details', component: details, redirect:'/hua', children: [ { path: '/hua', component: hua }, { path: '/fanwai', component: fanwai }, { path: '/pinglun', component: pinglun } ]} ] ``` vuex 配置action,获取数据: ```javascript actions: { //异步获取数据,commit给mutations,mutations改变state getData(context){ axios({ method: 'get', url: '../static/data.json', data: '' }).then(function(res){ context.commit('getData', res) }).catch(function(err){ console.log(err) }) } } }) ``` mutations: ```javascript mutations: { getData(state, res) { state.getHomeData = {...state.getHomeData, home: res.data.home} state.getTopData = {...state.getTopData, top: res.data.top} } } ``` 创建vue实例,并挂载: ```javascript new Vue({ router, store, template: '', components: {App} }).$mount('#app') ``` ## 项目(请用goole手机模式预览): ![](https://github.com/dongtianqi/manhuaren/raw/master/gitImg/home.png)
![](https://github.com/dongtianqi/manhuaren/raw/master/gitImg/home1.png)
![](https://github.com/dongtianqi/manhuaren/raw/master/gitImg/details.png)
![](https://github.com/dongtianqi/manhuaren/raw/master/gitImg/more.png)
# 未完,持续更新中。。。

近期下载者

相关文件


收藏者