Vue2学习第三天

1.router-link（声明式导航，导行链接）

开发过程中推荐使用第一种

1.如果类名太长在index.JS可以更改类名

2.跳转路由时传递参数

第一种查询参数传参（多个）

注意如果在js中需要+this，这里是$route!

第二种动态路由传参（单个）

二者区别

动态路由传参不带参数显示空白的问题

参数名后面加？，正则表达式？代表0个或者1个，匹配前面的子表达式零次或一次。例如，“do(es)?”可以匹配“do”或“does”。?等价于{0,1}。

3.路由重定向

路由404配置

路由模式地址栏#&/设置

4.路由跳转方式

1.第一种路径跳转

2.第二种命名跳转（路径长适合传参）

第一步在index.js路由对应组件起名字

第二步在需要跳转的界面使用

5.编程式导航-路由传参(两种跳转方式都支持)

1.path路径跳转传参

采用查询参数（query）

完整与简写

采用动态路由（params）

解析参数渲染

2.name路由命名传参

采用查询参数（query）

采用动态路由（params）

2.嵌套二级路由

3.组件缓存（回到之前操作的页面部分）keep-alive

使用keep-alive的3个属性设置缓存机制

注意：组件缓存过的不存在3个生命周期，而会多两个钩子（激活和失活）

缓存过的组件要在新钩子内写逻辑

路由总结