1.vue-cli脚手架创建项目，vue init webpack 项目名字<项目名字不能用中文>。

const peopleList = resolve => require(['../components/peopleList/peopleList.vue'], resolve)//组件按需加载{      path: '/peopleList',      name: 'peopleList',      component: peopleList,      meta:{        permission:'0'      }    }

3.定义路由跳转的两种方式：

this.$router.push({//路由未定义:hid时也可以传递参数,地址栏中不显示；name和params搭配    name:'peopleList',    params: {      hid: 5,    //传参      xmid:123    }  });  this.$router.push({//path传路径，配合query传参    path:'/peopleList',    query: {      hid: 5,    //传参      xmid:123    }  });

相对应的组件内用$route获取this.$route.params.hid

4.如果对路由跳转之前做权限判断，需要用路由导航守卫函数

//使用钩子函数对路由进行权限跳转router.beforeEach((to,from,next)=>{    if(to.meta.permission == '0'){        next('/403');    }else{      next();//最后必须执行next();    }})

5.开始写组件内样式就要用到sass组件，安装npm install sass-loader node-sass --save-dev

{    test: /\.scss$/,    loaders: ["style", "css", "sass"] }

vue页面中调用

6.安装ajax请求插件axios,安装npm install --save axios，在main.js中定义全局变量Vue.prototype.$axios = axios;。

proxyTable: {      '/apis':{        target:'***.com',//需要请求的外部路径        changeOrigin:true,//改变源        pathRewrite:{//地址重写，匹配到的地址重写          '^/apis':''        }      },    },

8.如果需要用到vuex，安装：npm install --save-dev vuex,把vuex的相关代码分割到不同模块

9.基础的功能和组件配置好后，可以进行开发了。