components - VUEX - 从 Getter 在组件中创建新对象

Question

我需要创建一个articulo在组件中调用的对象。我要创建的这个对象的数据来自 Store （通过 Getter obtenerArticuloPorId。我知道组件接收该数据，因为我可以看到它显示在视图上：但我不知道如何articulo在数据中创建一个新对象的组件。

这是我的代码：

组件.js

<div class="popup" v-if="obtenerArticuloPorId">
      <div>
          <h2>{{ obtenerArticuloPorId?.nombre }}</h2>
          <p>{{ obtenerArticuloPorId?.precio }}<span>$</span></p>
      </div>
  </div>
</template>

<script>
import {mapActions, mapGetters} from 'vuex'

export default {
  data(){
      return {
          articulo: {
              nombre: this.obtenerArticuloPorId.nombre,
              precio: this.obtenerArticuloPorId.precio
          }
      }
  
  },
  methods:{
    ...mapActions(['obtenerId']),
    ...mapActions(['setAgregarCarrito'])
  },
  computed: {
    ...mapGetters(['obtenerArticuloPorId'])
  }
  
}
</script>```

标签： componentsvuexstoregetter