Vue.js 如何在vue中复制组件状态？

我的目标是在我的vue.js应用程序中创建多个工作区，其中将有许多表单。切换工作区时，应保留该路由的状态（如未保存的表单输入）

我尝试使用如下选项卡：

这是第一个选项卡的内容
这是第二个选项卡的内容

与vue router一起使用时，不会保存表单的内容。 因此，我计划在任何路由更改之前保存组件的数据，并在同一路由条目之前将其复制回来。 有没有更好的方法来保存和检索组件的状态

还有什么其他方法可以继续吗

更新

 <keep-alive>
     <router-view :key="$route.fullPath"></router-view> 
 </keep-alive>

---

这一个有效。

我建议您检查一下：

即使在您更改选项卡后，它也会使您的组件保持在

内。 通过这种方式，您可以将表单数据保存在组件中，如果您希望在提交前使用多步骤表单，这也非常有用。

谢谢。如有必要，尝试更新。

 <keep-alive>
     <router-view :key="$route.fullPath"></router-view> 
 </keep-alive>