我怎样才能使 Vue js 中的组件永远不会删除我添加到它的数据?当我切换路由时,组件会删除它获得的所有数据

How can i make an component in Vue js to never delete the data i added to it? When i switch routes the component delete all the data it got

我在 Vue js 的网上商店工作,当我添加产品时,我使用事件总线,然后我通过事件总线将产品添加到 CartComponent。它的工作原理,但是当我返回并添加新产品或只是返回时,页面重新加载我的 CartComponent 中的所有数据都被删除。我该怎么做,它永远不会删除它获得的数据?

我尝试用

包围组件
<keep-alive>
<CartComponent />
</keep-alive>

但这不起作用。 有人能告诉我如何在切换路由时让组件不删除数据吗?

公交车是一个通讯枢纽,它不会为你存储信息。

您有两种解决方法:

  • 在存储此信息的地方实施您自己的模块。当您更新购物车时,也会更新您的模块。或者
  • 使用 Vuex 作为存储实现。您的所有信息都应该流经商店。它是持久的并且全球可用。更多关于 Vuex here

我强烈推荐使用 Vuex。