如何在Vue js中创建一个组件永远不会删除我添加到它的数据？当我切换路由时，组件删除它获得的所有数据

Question

我在Vue js的网上商店工作，当我添加产品时，我使用事件总线，然后我通过事件总线将产品添加到CartComponent。它的工作，但当我回去添加一个新产品或只是返回所以页面重新加载我的CartComponent中的所有数据被删除。我怎么能这样做它永远不会删除它得到的数据？

我试图用它包围组件

<keep-alive>
<CartComponent />
</keep-alive>

但那不起作用。有人可以告诉我如何在切换路由时组件不删除数据吗？

Answer 1

总线是一个通信中心，它不会为您存储信息。

你有两种解决方法：

• 在您存储此信息的位置实现自己的模块。更新购物车时，还要更新模块。要么
• 使用Vuex，它作为商店实现。您的所有信息都应该通过商店流动。它具有持久性和全球可用性。关于Vuex here的更多信息

我强烈建议使用Vuex。