1. 首页
  2. 编程语言
  3. Javascript
  4. keep-alive保持组件状态的方法

keep-alive保持组件状态的方法

上传者: 2021-09-06 04:43:31上传 PDF文件 268.50 KB 热度 12次

有些业务场景需要根据不同的判断条件,动态地在多个组件之间切换。频繁的组件切换会导致组件反复渲染,如果组件包含有大量的逻辑和dom节点,极易造成性能问题。其次,切换后组件的状态也会完全丢失。keep-alive的设计初衷就是为了保持组件的状态,避免组件的重复渲染。开发者无需注册和引入,直接可以在模板中使用。这是因为keep-alive是vue的内置组件,已经在vue中提前定义。在initGlobalAPI方法中,将内置组件添加到了 vue的全局变量中。其中cache中的每项是一个以所包裹的组件的组件名为key,包裹组件对应的vnoded为值的对象。keys的每一项是其所包裹的组件的组件名。keep-alive内部就是单独提供了render函数来自定义了vnode的创建逻辑。

下载地址
用户评论