vue-router路由基本加载

87 阅读1分钟

四步走

1.安装

npm install --save vue-router@3
yarn add vue-router@3

2.引用

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

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

  routes: [{
    path: '/hello',//指定要跳转的路径
    component: HelloWorld//指定要跳转的组件
  }]
})
new Vue({
  render: h => h(App),
  router: rt
}).$mount('#app')

4.确定路由加载位置

<router-view></router-view>