vue router

与App.vue同级目录建立router.js

内容为：

import Vue from 'vue'

import VueRouter from 'vue-router'

Vue.use(VueRouter)

export default new VueRouter({

  routes: [

    { path: '/foo', component: ()=> import('./components/Foo') },

    { path: '/bar', component: ()=> import('./components/Bar') }

  ]

})

 

与App.vue同级目录的main.js

内容为： 

import Vue from 'vue'

import App from './App.vue'

import router from './router'

Vue.config.productionTip = false

new Vue({

  router,

  render: h => h(App),

}).$mount('#app')

 

App.vue里面加

<router-view></router-view>