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树时,触发.

相关推荐
xixingzhe27 小时前
Nginx 看懂请求耗时瓶颈
服务器·前端·nginx
Lank_M7 小时前
前端AVIF编码方案评审,九个想当然逐个实测
前端
程序员鱼皮7 小时前
我用 REA 逆向了付费颜色 APP,结果很意外!
前端
星恒讯工业路由器7 小时前
2030通信网络决策:5G-A与6G的战略选择框架
网络·物联网·信息与通信·6g·5g-a·通信物联网·tco成本
见合八方7 小时前
光通信系统中的光电探测器
网络·soa·光通信·激光雷达·半导体光放大器
志尊宝8 小时前
Vue3 零基础每日笔记(087):Vue3 高频面试题(下)
前端·javascript·vue.js·笔记·ecmascript·#vue.js
星恒讯工业路由器8 小时前
双栈时代的访问断层:当同一个域名走向两条网络路径
网络·物联网·信息与通信·ipv4·通信·ipv6·双栈网络
pusheng20258 小时前
普晟传感再获“消防产业核心配套优质品牌”:以可靠传感技术,让全球合规变简单
大数据·前端·人工智能·物联网·安全
Java后端的Ai之路8 小时前
15_ReactJS_Flux_简介
前端·react.js·前端框架