Я работаю над проектом электронной коммерции с использованием Vuejs, и я уже извлек некоторые данные в массив в хранилище Vuex, поэтому я хочу отобразить данные массива в компоненте. Я на самом деле наткнулся на учебник в Интернете, и я смог отобразить массив с помощью «mapState (['myArray'])» в вычисляемом разделе, но я хочу использовать что-то вроде этого «return this. $ Store.state.myArray». Есть ли другой способ, кроме использования «mapstate», чтобы я мог получить доступ и манипулировать им в методах получения {} и в любом компоненте. Вот что я сделал:
//component
<script>
import { mapState } from 'vuex'
export default {
mounted(){
console.log(this.$store.state.coins);
this.$store.dispatch('loadCoins');
},
computed: mapState(['coins'])
}
</script>
//store.js
export default new Vuex.Store({
state:{
coins: []
},
actions:{
loadCoins ({ commit }){
axios.get('http://localhost:80/api/coins.php')
.then(response => response.data)
.then(coins => {
commit('SET_COINS', coins)
});
},
},
mutations:{
SET_COINS (state, coins) {
state.coins = coins
}
}
});