Soy nueva en Vue. Necesito crear un objeto llamado articulo
en un Componente.
La información para poder crear ese objeto viene del Store ( a través del Getter obtenerArticuloPorId
)
Sé que el Componente está recibiendo esa información correctamente ya que puedo verlo, pero no sé como crear un nuevo objeto en el Data() del Componente con esos datos que vienen del Getter.
Component.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>```