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