vue-router 路由基本加载

1. 安装
   在目标文件夹中

npm install --save vue-router

2. 引用
   在main.js中

import router from 'vue-router'
Vue.use(router)

3.配置路由文件，并在vue实例中注入

var rt = new router({
  routes: [{
    // 指定要跳转的路径
    path: '/hello',
    // 指定要跳转的组件
    component: HelloWorld
  }]
})

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router: rt,
  components: { App },
  template: '<App/>'
})

4.确定视图加载位置

<router-view></router-view>