首页 > 试题广场 >

keep-alive 的缓存策略、includeexclu

[问答题]
keep-alive 的缓存策略、include/exclude 与激活钩子。
1:在某些情况,切换动态组件,路由切换都会销毁再创建组件,使用keep-alive进行缓存,组件并不会被销毁i,而是进入缓存, 当切换组件,或者想要返回上一个页面时,组件会从缓存区再加载页面中,极大提升了性能。 2:include/exclude 这两个属性与组件中的name属性做好绑定,可以决定是否缓存,缓存自己需要的组件 include是缓存绑定组件, exclude 指定无需缓存的组件。 当不使用两者属性时,默认被keep-alive包裹的全部进入缓存 3: 激活钩子 activated : 激活恢复组件的状态 deactivared: 失活,暂存组件的此时的状态,等要用到时,可以恢复之前的滚动位置,输入框内容等
发表于 2025-11-26 15:15:12 回复(0)
区分http和vue中的keep alive http中的指的是1.0版本的长缓存,用于复用tcp连接 Vue中的用于包裹组件,在进行页面切换,不删除对应的DOM节点,通过设定max的LRU算法,把对应的节点缓存到内存,避免重复渲染,并且能够保存上次结束后的状态。 Include指的是包含的组件 exclude指的是不报含的组件 以上给它设定了两个钩子,一个是activated用于组件激活状态,一个deactivated 用于组件未激活状态
发表于 2025-11-08 10:22:42 回复(0)