Q&Avueでmutationを介してstateを更新したのですが、component側の値が更新されません。
##コード
store/index.js
js
1import 'es6-promise/auto' 2import Vue from "vue" 3import Vuex from "vuex" 4 5Vue.use(Vuex) 6 7const store = new Vuex.Store({ 8 state: { 9 count: 0 10 }, 11 mutations: { 12 countUp(state) { 13 state.count ++ 14 } 15 } 16}) 17export default store
components/TestCount.vue
vue
1<template> 2 <button @click="$store.commit('countUp')">click</button> 3 {{ count }} 4</template> 5 6<script> 7export default { 8 computed: { 9 count() { 10 return this.$store.state.count 11 } 12 } 13} 14</script> 15
gettersなど試したのですが、やはり1回目のストアは取得できるのですが、更新後のstateを取ってきてくれませんでした。
Vuex側ではstateが更新されてるのに、テンプレート側では値が反映されないのはなぜでしょうか。
よろしくお願いいたします。
回答1件
0
自己解決
importするモジュール名が大小統一されていなかった。
マニフェストファイル↓
import Vue from "vue/dist/vue.esm";
store設定ファイル↓
import Vue from "vue";
参考: https://qiita.com/khsk/items/8f38d3f6d3d70c7275a6
投稿2019/08/25 11:56
総合スコア13
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。