Vue2生态栈----路由VueRouter
- 1.SPA vs MPA
- 2.路由 vs 路由器
- 3.基本使用
- 4.嵌套路由
- 5.路由重定向
- 6.声明式导航和编程式导航
- 6.1 声明式导航
- 6.2 编程式导航
- 7.路由传参
- 7.1 query传参
- (1)在路由配置页设置
- (2)在跳转发起页设置
- (3)获取传参
- 7.2 params传参
- (1)显示参数(动态路由匹配)
- (2)不显示参数
- (3)接收参数
- 7.3 props传参
- (1)布尔模式
- (2)对象模式
- (3)函数模式
- 7.4 三种传参方式的对比
- 8.keep-alive
- 8.1 keep-alive
- 8.2 应用场景
- 8.3 关于路由的生命周期
- 9.怎么解决多次执行相同的push的问题?
- 9.1 现象
- 9.2 为什么会报错?
- 9.3 如何解决
- (1)方法1
- (2)方法2
- 10.路由导航守卫
- 10.1 全局路由守卫
- 10.2 独享路由守卫
- 10.3 组件内路由守卫
- 11.history vs hash
- 12.路由懒加载
- 12.1 为什么要使用路由懒加载
- 12.2 路由懒加载的三种常见方案
- (1)imort()按需加载
- (2)使用vue异步组件resolve
- (3)webpack提供的require.ensure()
- 13.滚动行为