Vue路由机制

Vue.use(Router)

export default new Router({
  routes: [
    {path:‘/‘,component:Home},
    {path:‘/detail‘,component:detail}
  ]
})

import router from ‘./router/index.js‘

new Vue({
  router,
  render: h => h(App)
}).$mount(‘#app-box‘)

import Home from ‘xxx‘
import detail from ‘xxx‘

Vue.use(VueRouter)

const routes = [{　　//定义路由表
  path: ‘/‘,
  component: Home
},{
  path: ‘/detail‘,
  component: detail
}]

const router = new VueRouter({创建router管理上面定义好的routes
  routes
})

new Vue({　　　　//将配置好的router注入Vue根实例中
  router,
  render: h => h(App)
}).$mount(‘#app-box‘)