开发者社区> 问答> 正文

请说下什么是动态组件,如何使用,以及keep-alive的作用?

请说下什么是动态组件,如何使用,以及keep-alive的作用?


【精品问答】前端面试手册

【精品问答】前端面试手册之Vue篇

展开
收起
前端问答 2019-11-23 11:41:57 1985 0
1 条回答
写回答
取消 提交回答
  • 前端问答小助手
    1. 动态组件: 让多个组件使用同一个挂载点,并动态进行切换,这就是动态组件

      通过保留<component></component>元素,动态的绑定它的is特性,可以实现动态组件

    2. keep-alive

      包裹组件时,会缓存不活动的组件实例,而不是销毁他们。

      组件切换调用的时候本身会被销毁掉的,只要加上keep-alive进行包裹,就不会被销毁,而是被缓存起来,下一次使用的时候直接从缓存中调用。

      <keep-alive>是一个抽象组件:它自身不会渲染一个DOM元素。

      常见属性:

      • include

        类型:字符串或者正则表达式

        解释:只有名称匹配的组件会被缓存

      • exclude

        类型:字符串或者正则表达式

        解释:任何名称匹配的组件都不会被缓存

      • max

        类型:数字

        解释:最多可以缓存多少组件实例

    2019-11-24 12:20:14
    赞同 1 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
探究 Node.js 的服务端之路 立即下载
ui-model,跨框架复用 立即下载
fibjs 模块重构从回调到协程--陈垒 立即下载