标签:缓存 name 标签 alive vue 组件 动态 属性
- 组件占位符:
component
标签 vue内置标签- is 属性的值,表示要渲染的组件的名字
- is 属性的值,应该是在components 节点下进行注册的
<component is="Right"></component>
keep-alive
可以把内部的组件进行缓存,而不是销毁组件- 在使用的时候可以通过
include
指定哪些组件需要被缓存 - 或者可以通过
exclude
属性指定哪些组件不需要被缓存 - 注意:不要同时使用
include
和exclude
这两个属性
- 在使用的时候可以通过
<!-- include -->
<keep-alive include="Right">
<component :is="comName"></component>
</keep-alive>
<!-- exculde -->
<keep-alive exclude="Right">
<component :is="comName"></component>
</keep-alive>
- name
- 比如在Right 组件中命名了 name
export default {
name: 'MyRight'
}
- 当提供了 name 属性之后,组件的名称就是name属性了
- 区别:
- 组件注册名称的应用场景是以标签的形式把注册好的组件,渲染和使用到页面结构之中
- 组件声明时候的 “name” 名称主要的应用场景是结合
keep-alive
标签实现组件缓存功能,及在调试工具中的显示
标签:缓存,name,标签,alive,vue,组件,动态,属性 来源: https://www.cnblogs.com/uncommunicative/p/15246606.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。