美文网首页
vue中key,keep-alive理解。

vue中key,keep-alive理解。

作者: 千杯不倒王尧 | 来源:发表于2022-03-16 22:18 被阅读0次


vue中key的作⽤是什么?

避免dom元素重复渲染. 我们一般设置一个唯一标识作为key值,id或者index下标。

说⼀下你对keep-alive的理解?以及在项⽬中如何使⽤?

keep-alive是vue内置的⼀个组件,这个组件的作⽤就是能够缓存不活动的组件,⼀般情况下,组件进⾏切换的时候,默认会进⾏销毁,如果有需求,某个组件切换后不进⾏销毁,⽽是保存之前的状态,⽐如说刚刚填好的表单数据。那么就可以利⽤keep-alive来实现。

在搭建 vue 项⽬时,有某些路由组件没必要多次渲染,所以需要将组件在内存中进⾏‘持久化’,此时在router-view上使⽤keep-alive。 keep-alive可以使被包含的路由组件状态维持不变,即便是组件切换了,其内的状态依旧维持在内存之中。在下⼀次显示时,也不会重新渲染。

include - 字符串或正则表达式。只有名称匹配的组件会被缓存。 exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。 max-数字最多可以缓存多少组件。

相关文章

网友评论

      本文标题:vue中key,keep-alive理解。

      本文链接:https://www.haomeiwen.com/subject/pcubdrtx.html