Vue keep-alive组件的使用


👁     

如何做Vue组件的缓存呢

keep-alive是Vue内置组件，能在组件切换过程中将状态保留在内存中DOM元素，防止重复渲染DOM(接口也会缓存)，提高性能。

keep-alive 组件包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 组件相似，keep-alive 组件是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在组件的父组件链中。主要用于保留组件状态或避免重新渲染。

当组件在 keep-alive组件 内被切换，它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。

详细信息建议查看官方文档

  • 本文作者： étoile
赏

谢谢你请我吃糖果

微信
-------------本文结束感谢您的阅读-------------

扫一扫，分享到微信

微信分享二维码
本站总访问量 本站总访客

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

一个小阔爱~