vue路由配置

1.安装

npm install vue-router --save

2. 引入并 Vue.use（VueRouter） (main.js)

import VueRouter from 'vue-router'

Vue.use(VueRouter)

3.配置路由

1、创建组件 引入组件

2、定义路由  （建议复制s）

const routes = [

  { path: '/foo', component: Foo },

  { path: '/bar', component: Bar },

  { path: '*', redirect: '/home' }  /*默认跳转路由*/

]

3、实例化VueRouter

const router = new VueRouter({

  routes // （缩写）相当于 routes: routes

})

4、挂载

new Vue({

  el: '#app',

  router，

  render: h => h(App)

})

5、路由跳转Go to FooGo to Bar