一、Vue-router介绍
在项目中安装vue-router:
npm install vue-router@4
vue-router的配置:
嵌套路由:
导航:
页面的前进与后退:
命名路由:
命名视图:
![](https://i-blog.csdnimg.cn/blog_migrate/e18b6c21b01bb82f851647718b02cbef.png)
重定向和别名
别名:
路由组件传参:
导航守卫:
全局前置守卫:(router.beforeEach)
局部守卫:
组件中的三个守卫:
路由懒加载:
如何进行状态管理?
跨域问题:
在项目中安装vue-router:
npm install vue-router@4
导航:
别名:
全局前置守卫:(router.beforeEach)
局部守卫:
组件中的三个守卫:
跨域问题: