- 安裝
在目標文件夾中
npm install --save vue-router
- 引用
在main.js中
import router from 'vue-router'
Vue.use(router)
3.配置路由文件,并在vue實例中注入
var rt = new router({
routes: [{
// 指定要跳轉(zhuǎn)的路徑
path: '/hello',
// 指定要跳轉(zhuǎn)的組件
component: HelloWorld
}]
})
/* eslint-disable no-new */
new Vue({
el: '#app',
router: rt,
components: { App },
template: '<App/>'
})
4.確定視圖加載位置
<router-view></router-view>