vue 组件切换时缓存上一次的操作

Question

一个父组件a中是一个element ui的步骤条，比如说有步骤1，步骤2，步骤3，分别对应b,c,d组件，当我在步骤1的时候，改变了一个按钮的状态，再去步骤2，又再次回到步骤1中，刚刚改变按钮的状态，消失了，(b>c>b),vue官方有keep-alive缓存，但是对这个不起作用，keep-alive应该是要配合路由使用才生效，怎么样在组件销毁之前，记录之前的操作？

Answer 1

keep-alive不一定需要 配合路由的。

最笨的方法就是 ，销毁前 记录组件状态，再进来先获取本地存储的状态 。

API — Vue.js Vue.js - The Progressive JavaScript Framework https://cn.vuejs.org/v2/api/#keep-alive

动态组件 & 异步组件 — Vue.js Vue.js - The Progressive JavaScript Framework https://cn.vuejs.org/v2/guide/components-dynamic-async.html#%E5%9C%A8%E5%8A%A8%E6%80%81%E7%BB%84%E4%BB%B6%E4%B8%8A%E4%BD%BF%E7%94%A8-keep-alive