vue学习心得
今天做了一个Vue的学信分享会,主要是对前端知识框架的一个整理.采用Vue框架的主要原因是他的轻量级,并且组件化.
关于vue-cli脚手架项目的搭建
搭建vue的前提环境 node.js+npm+git
//安装vue-cli脚手架
- npn install –global vue-cli
//利用webpack初始化项目
2.vue init webpack Your Project - cd Your Project
//部署项目 - 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注册