vuex - 在商店的空数组中传递谷歌地图路线数据

Question

我是 vueX 的新手，一开始似乎有点难以理解。

这是我的问题，我想通过 VueX 将数据从一个组件传递到另一个组件。

在一个组件中，我有一个事件调用一个函数，其参数是一个对象。

<template>
<div @click="routeItemPressed(route)"></div>
</template>

这是使用的方法：

routeItemPressed(route) {
      console.log(route);
}

控制台日志返回一个对象：

Proxy {destination: {…}, distance: {…}, duration: {…}, origin: {…}, id: "J86P3joWWd8UuvsmrQcR"}
[[Handler]]: Object
[[Target]]: Object
[[IsRevoked]]: false

现在我想将此对象添加到存储中的数组中，以便我可以在另一个组件中重用该对象。

商店中的代码如下所示： import { createStore } from 'vuex'

export default createStore({
  state: {        
    routes: [],
  },
  mutations: {    
  },
  actions: {   
  },
  modules: {
  }
})

尝试了很多东西，但找不到方法。希望你能帮助我，非常感谢！

标签： vuexstorevuejs3