2024年4月1日发(作者：)

vue keep-alive 动态删除组件缓存的例子

假设有一个页面需要根据点击不同的按钮来动态地添加或删除组件缓存，可以使

用动态组件和 keep-alive 配合使用实现。

```

```

上述代码中，通过动态绑定组件的名称来实现添加和删除组件，同时在 watch

里面监听是否为删除组件的操作，如果是则手动修改缓存键名，确保缓存会被清

除。最后通过 computed 动态设置组件缓存的键名。

需要注意的是，当组件缓存设置了 include 属性后，组件被删除时也会被缓存，

因此需要手动在删除组件时同时设置缓存键名为空，否则删除后的组件会一直存

在于缓存中。