vue组件的keep-alive
keep-alive> 是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。 <keep-alive> 包裹动态组件时,会 缓存不活动的组件实例 ,而不是销毁它们。 <keep-alive> 与 <transition> 相似,只是一个抽象组件,它不会在DOM树中渲染(真实或者虚拟都不会),也不在父组件链中存在,比如:你永远在 this.$parent 中找不到 keep-alive 。 1、prop: include: 字符串或正则表达式。只有匹配的组件会被缓存。 exclude: 字符串或正则表达式。任何匹配的组件都不会被缓存。 exclude优先级大于include 在2.1.0版本Vue中常见用法: // 组件 export default { name: ' test-keep-alive ' , data () { return { includedComponents: " test-keep-alive " } } } <keep-alive include= " test-keep-alive " > <!-- 将缓存name为test-keep-alive的组件 --> <component></component> </keep-alive> <keep-alive include= " a,b " > <!--