vue项目补充点

Posted ccllog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue项目补充点相关的知识,希望对你有一定的参考价值。

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-loadernpm 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"

 

以上是关于vue项目补充点的主要内容,如果未能解决你的问题,请参考以下文章

vue项目和django项目交互补充,drf介绍,restful规范

vue 项目环境配置(待补充)

vue项目环境搭建——待更新(有时间补充,占个位置担心之后忘掉)~

vue 项目总结 知识点补充

补充基于vue-cli创建的项目进行打包优化

Vue铺垫