this.$route.back()时的组件缓存

1.this.$route.back()回到上一个路径会重新加载

跳转时,前一个路由的内容会被销毁,当回来时,重新创建树,组件内有保存了距离,没有一开始是0.

2.keep-alive写在router-view上面,这个地方所代表的路由会被保存,因此可以写在上面,保存,当返回时,如果是这个路由,里面的内容是一样的,如果里面还有内容,则会缓存路由的页面的所有内容.

会保存二级路由.缓存不会放到Dom树上,需要时拿出来,这个路由以及子路由的路径对上.

3.同一个router-view上,有些页面路径,不需要缓存,则可以

在:include=写的是以及组件的name名,如果没有就是vue的文件名,会缓存内部的二级路由的内容,当时这个路径,符合二级路由的路径时才会渲染.一个组件名,可以缓存多个页面.看路径来决定.默认情况全部缓存,exclude的优先级高

4.activated和deactivated钩子函数.

当创建了vue实例,vue实例的钩子函数是创建实例,渲染页面.deactived是在保存这个组件时,其他的都是实例.这两个是有关这个组件被缓存,当缓存被拿去创建DOM树时,触发.

相关推荐
zhousenshan几秒前
vue3 createApp用法
vue.js
手握风云-4 分钟前
JavaEE 进阶第七期:Spring MVC - Web开发的“交通枢纽”(一)
前端·spring·java-ee
Rysxt_6 分钟前
Vue 集成富文本编辑器教程
前端·javascript·vue.js·富文本
开发者小天9 分钟前
React中的受控组件示例
前端·javascript·react.js
奋斗吧程序媛10 分钟前
request请求相关
前端·javascript·vue.js
Han.miracle10 分钟前
网络层-IP 协议全景解析:从地址分配到内网穿透,解锁互联网通信底层密码
服务器·网络·网络协议·ip
dragoooon3411 分钟前
[Linux网络基础——Lesson9.「TCP 全连接队列与 tcpdump 抓包」]
前端·git·github
I · T · LUCKYBOOM14 分钟前
23.ssh远程连接、TCP策略
linux·运维·服务器·网络·tcp/ip·ssh
光影少年17 分钟前
用vite还是webpack多,vite为什么快
前端·webpack·node.js
waeng_luo17 分钟前
[鸿蒙2025领航者闯关] 鸿蒙应用中如何管理组件状态?
前端·harmonyos·鸿蒙·鸿蒙2025领航者闯关·鸿蒙6实战·开发者年度总结