1、安装样式库iview(示例安装)
运行命令:npm install --save iview(卸载为uninstall),--save因生产环境需要,
在main.js文件中加入配置
import Iview from ‘iview‘
import ‘iview/dist/styles/iview.css‘
Vue.use(Iview)
2、安装babel-polyfill(一般必须安装)
原因:Babel默认只转换新的javascript句法(syntax),而不转换新的API,比如Iterator、Generator、Set、Maps、Proxy、
Reflect、Symbol、Promise等全局对象,以及一些定义在全局对象上的方法(比如Object.assign)都不会转码。
特别注意:可以解决状态管理vuex在IE上的兼容性问题!!
运行命令:npm install --save-dev babel-polyfill,--save-dev因开发环境需要,
在main.js文件中加入配置
import ‘babel-polyfill‘
3、安装sass(如果在项目中用到了话)
运行命令:npm install --save-dev sass-loader,npm install --save-dev node-sass,
在build文件夹下的webpack.base.conf.js的rules里面添加配置:
{ test: /\.sass$/, loaders: [‘style‘, ‘css‘, ‘sass‘] }
4、HTTP拦截(带请求加载框)
首先安装axios,命令:npm install --save axios;
在src文件夹下创建utils文件夹,其中加入http.js文件,
在main.js添加代码import Http from ‘./utils/http‘,Vue.prototype.$http = Http;
具体参考vueproject实战项目
https://github.com/BarryCC/vue-project-topic/tree/master/vueProject
5、路由拦截(不确定):
在components创建404.vue文件,在router.js文件中引用,具体参考vueproject实战项目
https://github.com/BarryCC/vue-project-topic/tree/master/vueProject
Vue+iview系列:
1、iview中时间选择器的双向绑定问题解决方案:
@on-change="formValidate.releaseStartTime=$event"
:value = "formValidate.releaseStartTime"