1:安装 npm i vue-router
2:src/router/index.js
导入 import VueRouter from 'vue-router'
3:注册
import Vue from 'vue'
Vue.use(VueRouter)
4:实例化
const router=new VueRouter({
routes:[
{
path,
name,
meta,
component,
components:{
default:默认组件,等效于上面的component:组件 ,
xxx:对应xxx组件 ,router-view name="xxx"
}
redirect,重定向
children,
alias...:别名
}
]
})
5:暴露 export default router
6:在mian.js挂载
import router from '@/router'
new Vue({
router
})
7:路由出口
router-view标签