background: yellow;

}

子组件1===============================================

<ul><li v-for="item of items" :key="item"><input type="checkbox" />{{ item }}</li></ul>

子组件2===============================================

子组件3===============================================

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200507182953332.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NTX0RHRA==,size_16,color_FFFFFF,t_70)  我们会发现，当组件切换的时候，都会触发组件的销毁和重建。首先，性能不好。其次，会丢失组件状态我们可以通过keep-alive 组件 来解决上述问题

<component :is="currentComponent"></component>

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200507183202755.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NTX0RHRA==,size_16,color_FFFFFF,t_70)  现在就处理了上述问题，同时 keep-alive 会触发 `activated`、`deactivated` 两个生命周期函数1.  `keep-alive` 组件激活时调用2.  `keep-alive` 组件停用时调用[]( )插件============================================================插件通常是用来给 `vue` 提供扩展功能的一种方式插件通常只有两个来源：1.  自定义2.  第三方插件需要一个引入和使用就可以了`注意！插件的引入和使用都需要写在main.js内，且引入需要写在使用之前，使用需要写在new vue之前`1.  引入

import ppt from ‘./AK’

2.  使用

Vue.use(ppt);

**书写插件时需要注意：**1.  如果插件是一个对象，必须提供 `install` 方法。

export default{

// 把内容放到指定的方法中install(){console.log("我是自定义的对象插件")}

}

2.  如果插件是一个函数，它会被作为 `install` 方法。`install` 方法调用时，会将 Vue 作为参数传入

export default function(){

vue.filter("指令名",执行的功能);

}

#### 算法刷题大厂面试还是很注重算法题的，尤其是字节跳动，算法是问的比较多的，关于算法，推荐《LeetCode》和《算法的乐趣》，这两本我也有电子版，字节跳动、阿里、美团等大厂面试题（含答案+解析）、学习笔记、Xmind思维导图均可以分享给大家学习。![](https://img-blog.csdnimg.cn/img_convert/c582a01373152bb4cd38bc6ad5cc8027.png)**写在最后****最后，对所以做Java的朋友提几点建议，也是我的个人心得：**1.  疯狂编程2.  学习效果可视化3.  写博客
4.  阅读优秀代码
5.  心态调整