vue-router 路由基本加载

  1. 安装
    在目标文件夹中
npm install --save vue-router
  1. 引用
    在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: ''
})

4.确定视图加载位置


你可能感兴趣的:(vue-router 路由基本加载)