vue-router集成

1. 安装vue-router
   npm install vue-router --save

   2. App.vue中书写跳转链接

   登录
   注册

   
   

   3. main.js中集成vue-router并配置路由规则

   // 1. 导入vue-router
   import vueRouter from 'vue-router';
   // 2. 将vueRouter对象绑定到Vue对象上
   Vue.use(vueRouter);

   // 3. 导入路由规则对应的组件对象
   import login from './components/account/login.vue';
   import register from './components/account/register.vue';

   // 4.定义路由规则
   var router1 = new vueRouter({
   routes:[
   {path:'/login',component:login},
   {path:'/register',component:register}
   ]
   });

   // 5. 利用Vue对象进行解析渲染
   new Vue({
   el:'#app',
   // 使用路由对象实例
   router:router1,
   render:c=>c(App)
   });