Vue2.0创建路由

在main.js里将内容改成这样

 

添加好后在App.vue里将     <router-view></router-view> 打印上, 导入的Vue就会出现在这里

 代码:

import Vue from 'vue'

import App from './App'

import VueRouter from 'vue-router'

import name from './components/name'

Vue.use(VueRouter)

Vue.config.productionTip = false

const routes = [

  {path:'/name',component:name}

]

const router = new VueRouter({

  routes  

})

 

new Vue({

  render: h => h(App),

  router

}).$mount('#app')