Vue模块化之路由router

在使用vue-cli脚手架时我们在自定义路由的时候的步骤

1. 新建router文件夹
2. 新建router的js文件
3. 引入Vue、router等文件 

   import Vue from  'vue'
   import  VueRouter  from 'vue-router'

4. 模块化使用vue-router

   //模块化加载
   Vue.use(VueRouter)

5. 实例化及导出路由对象

   //实例化
   const router =new VueRouter();
   //导出
   export  default  router

    

6. 在main.js里引用、挂载

路由四个步骤

1.入口    分为两种：

• 手动在url拼
• 标签式

<router-link  to='/parent'>父组件</router-link>
<router-link  to='/child'>子组件</router-link>

2.规则  ：在实例化对象里

 

3..组件  :组件我们已经写好

4.出口

 我们工程化都写在总组件里App.vue中  在这里留下出口的坑也就是