vue学习(51)vue-router(3)

<router-link>的replace属性

作用:控制路由跳转时操作浏览器历史记录的模式

浏览器的历史记录有两种写入方式:分别为push和replace,push是追加历史记录,replace是替换当前记录。路由跳转时候默认为push

如何开启replace模式:


编程式路由导航

作用:不借助<router-link> 实现路由跳转,让路由跳转更加灵活

具体实现


缓存路由组件

作用:让不展示的路由组件保持挂载,不被销毁。

具体编码


其中News指的是组件名,一般会使用在用户输入一些东西之后,切换回来,需要保持用户的输入。写include说明要缓存的组件,不写,则表示组件都会被缓存。如果有两个以上则写成数组的形式。

两个新的生命周期钩子

路由组件所独有的两个钩子,用于捕获路由组件的激活状态。

具体的名字:

activated路由组件被激活时触发。没有被包裹的话,activated是不起作用的。在mounted之后执行。所以当我们运用了组件缓存时,如果想每次切换都发送一次请求的话,需要把请求函数写在activated中,而写在created或mounted中其只会在首次加载该组件的时候起作用。

deactivated路由组件失活时触发。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容