1. 在 git 命令面板输入
npm install vue-router
2. 在 src 文件夹下创建 router 文件夹, 该文件夹下创建 index.js 文件, 如下图
3. 该创建的文件下引用 vue-router
- import Vue from vue
- import Router from vue-router
- Vue.use(Router)
- export default new Router
- ({
- routes:[
- {}
- ]
- })
4. 在 main.js 引入 router
- import router from "./router";
- new Vue({
- el: #app,
- router,
- components: { App },
- template: <App/>
- })
完整案例
1. 在 view 文件下创建 vue 文件
2. 在 index.js,(路由文件) 内引入创建的文件, 如图
如果有子路由, 就按照 children 来写
redirect 为重定向, 指定跳转页面
来源: http://www.bubuko.com/infodetail-2511494.html