掌握：Vue生命周期、nextTick方法、全局绑定Axios库、输入防抖机制

生命周期图示展示

触发顺序分析

1. beforeCreate
2. created
3. beforeMount
4. mounted
5. beforeUpdate
6. updated
7. beforeUnmount
8. unmounted

动态组件keep-alive应用

在重新挂载组件的过程中，若希望保留其原有状态并防止因频繁渲染而导致的性能损耗，此时可借助keep-alive功能来实现。

使用方法概述

我们只需要利用keep-alive这一组件对目标组件进行封装即可实现所需效果。

    <keep-alive>
      <life-cycle v-if="isShow"></life-cycle>
    </keep-alive>
    
    
      
      
      
    

当使用keep-alive进行缓存的组件被重新启用时，将触发activated这一生命周期钩子函数；而当该组件从缓存中移除时，则会调用deactivated