当前位置: 首页 > Web前端 > vue.js

动态组件

时间:2023-03-31 23:17:05 vue.js

应用场景在多tab界面中使用is属性实现不同组件之间的切换:的组件在第一次创建时被期望被缓存,以避免重复重新渲染导致的性能问题。我们可以用元素包裹它的动态组件。使用提示:include-字符串或正则表达式。只有具有匹配名称的组件才会被缓存。exclude-字符串或正则表达式。名称匹配的任何组件都不会被缓存。最大值-一个数字。可以缓存的最大组件实例数。用法:包装动态组件时,不活动的组件实例被缓存而不是被销毁。与类似,是一个抽象组件:它本身不渲染DOM元素,也不出现在组件的父组件链中。当组件在中切换时,其激活和去激活的生命周期钩子函数将相应执行。在2.2.0及更高版本中,activated和deactivated将在树中的所有嵌套组件上触发。主要用于保留组件状态或避免重新渲染。1">注意是用在其直接的一种情况切换子组件的位置。如果你有v-for就不会工作。如果上面提到的有多个条件子元素,要求在激活渲染API时只调用一个子元素,同时激活keep-alive缓存中的组件。当在服务器端呈现期间未调用由保持活动缓存停用的组件时,将调用此挂钩。服务器端渲染期间不会调用此挂钩。~~~~