在项目中常常遇到来回切换组件,例如:

Vue 缓存组件 keep-alive

这里两个按钮分别对应两个组件,来回切换按钮,加载不同的组件,在下面组件的外层套上keep-alive即可缓存组件,不用每次都去重新加载渲染。

代码如下:

Vue 缓存组件 keep-alive

效果是如下:

Vue 缓存组件 keep-alive

Vue 缓存组件 keep-alive

Vue 缓存组件 keep-alive

相关文章: