vue router

关于Router在vue中的定义我就不做过多的介绍了，重点给你们解释下Router 的用法一下方法只针对模块化机制编程，

第一步：引入Vue.use(VueRouter)；

第二部：定义路由组件，该处为引用template模板（说白了就是.vue后缀的文件，用important 方式引入）；

第三步：定义路由，

const routes = [
  { path: '/需要跳转的路径名称', component: import 引入过来的变量},
  { path: '/需要跳转的页面名称', component: import 引入过来的变量}
]

第四步：创建router实例；

const router = new VueRouter({
  routes // (缩写) 相当于 routes: routes
})

 第五步：挂在根实例

var app = new Vue({
    el:'#app',
    data:{},
    router,
    
})