vue keep-alive组件使用~

什么时keep-alive

有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就需要用到keep-alive组件

• 会多两个生命周期函数 进入activated 离开deactivated

• 初次进入时：

  1. created > mounted > activated
  2. 退出后触发 deactivated

• 再次进入：

  1. 只会触发 activated

• 事件挂载的方法等，只执行一次的放在 mounted 中；组件每次进去执行的方法放在 activated 中

基本使用

// keep-alive里面有include属性表示需要缓存的组件，exclude则相反
里面填写组件定义时name的属性， 接收string, regexp, 或者string数组
<keep-alive :include="['indexView']">
    //这里放需要缓存的组件
</keep-alive>