老师在写keep-alive的时候为什么不在home.vue里写

同学你好，解答如下：

1、使用keep-alive缓存组件时，要保证keep-alive组件本身不重新渲染；在这个前提下，它所包裹的组件切换时，才能使用缓存：

如果将keep-alive写在home.vue中，切换路由时，整个home.vue组件会重新渲染，此时home.vue中的keep-alive也会重新渲染一份，即keep-alive重新生成了，它记录的子组件的信息也就没了，所以无法起到缓存作用。

而将keep-alive包裹<router-view>外面，相当于home.vue组件是它的子组件，此时切换路由时，keep-alive不会重新渲染，所以它能记住home.vue之前的状态，因此能使用缓存：

2、删除keep-alive不会影响效果。

另外，不正确使用keep-alive可能会影响页面渲染，所以本项目中，如果想使用keep-alive，建议把keep-alive包裹在<router-view>外面。

祝学习愉快!