今天做了一个Vue的学信分享会,主要是对前端知识框架的一个整理.采用Vue框架的主要原因是他的轻量级,并且组件化.
关于vue-cli脚手架项目的搭建
搭建vue的前提环境 node.js+npm+git

//安装vue-cli脚手架

  1. npn install –global vue-cli
    //利用webpack初始化项目
    2.vue init webpack Your Project
  2. cd Your Project
    //部署项目
  3. npm run dev

项目的初始化
1.主界面路由的配置 keep-alive默认缓存 detail页面除外




2有关跨域的访问
proxyTable: {
‘/10369’:{
target: ‘http://wanandroid.com/tools/mockapi/',
changeOrigin: true,
pathRewrite: {
‘^/10369’: ‘/10369’
}
}
},

3.安装style的stylus
npm install stylus –save
npm install stylus-loader –save

4.首页轮播布局(swiper)
第三方轮播框架
npm install vue-awesome-swiper –save

5.onkeup-enter 对于键盘回车键的监听

6依赖的三方库要在main.js注册