Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 基于Vue的购物车是否需要使用Vuex?_Javascript_Vue.js_Vuex - Fatal编程技术网

Javascript 基于Vue的购物车是否需要使用Vuex?

Javascript 基于Vue的购物车是否需要使用Vuex?,javascript,vue.js,vuex,Javascript,Vue.js,Vuex,我想让两个单独的Vue组件彼此通信(不是兄弟,所以不是子组件或父组件) 假设我有一个类似这样的Laravel刀片模板文件: <div id="app"> <div class="header"> <shopping-cart></shopping-cart> </div> <div class="content"> <produ

我想让两个单独的Vue组件彼此通信(不是兄弟,所以不是子组件或父组件)

假设我有一个类似这样的Laravel刀片模板文件:

<div id="app">
  <div class="header">
     <shopping-cart></shopping-cart>
  </div>
  <div class="content">
     <products-list></products-list>
   </div>
</div>


如何将产品从一个组件发送到另一个组件(将产品放入购物车)?

如果您想获得具有正确结构的正确解决方案,而且很简单,您必须使用状态管理器(Vuex),因为它是最好的解决方案。
我想在评论中写到这一点,但我不能,因为我没有足够的声誉。

一个解决方案是使用事件总线在组件之间共享数据:另外,您可以使用localStorage存储数据,然后访问数据。您可以在不使用Vuex的情况下自行实现全局状态,但您可以自行维护它,并使其与后端或本地存储保持同步。否-您可以使用composition api解决同一问题-购物车似乎是一个应该从任何一页。为此使用Vuex似乎是一种适合这些场景的可靠策略。您所说的状态管理器是指Vuex?y,vue的状态管理器是Vuex bro,@tiborm100