vue 仿ele 开发流程

技术栈：

?

1	vue2 vuex vue-router axios webpack eslint better-scroll

1.安装插件

?

1	npm install vue-resource babel-runtime --save

 

?

1	npm install babel-preset-es2015 stylus-loader function-bind json-loader --save-dev

2.增加 better-scroll

.eslintrc.js

?

1 2 3 4 5

'space-before-function-paren': 0, 'semi': 0, 'no-new': 0, 'no-unused-vars': 0, 'no-undef': 0

安装插件：

?

1	npm install better-scroll fastclick iscroll v-tap vue-scroll --save

3.添加 axios

 

4.添加 vuex

 

5.打包 

?

1	npm run build

 

.gitignore

?

1 2 3 4 5

.DS_Store node_modules/ resource/ dist/ npm-debug.log

6.

?

1	npm install moment --save

制作时间过滤器，将 时间戳 变为 日期格式

 

7．设置mock 数据

build/dev-server.js

?

1	var appData = require('../static/data.json')

8．

?

1	npm install eslint-config-standard --save

9．

?

1	npm install watchpack --save

注：下面是关于这些钩子函数的解释：

hook	描述
beforeCreate	组件实例刚被创建，组件属性计算之前
created	组件实例创建完成，属性已绑定，但是 DOM 还未生成， $el 属性还不存在
beforeMount	模板编译/挂载之前
mounted	模板编译/挂载之后
mounted	模板编译/挂载之后（不保证组件已在 document 中）
beforeUpdate	组件更新之前
updated	组件更新之后
activated	for keep-alive，组件被激活时调用
deactivated	for keep-alive，组件被移除时调用
beforeDestory	组件销毁前调用
destoryed	组件销毁后调用