そもそもこのエラーの意味は?
ミューテーションハンドラーの外部でvuexストアの状態をミューテーションしないでください
状況
mapStateを使用していた訳でなく、computedにget,setを記載していた。
詳しくは下記のリンクに記載。
Vue.js:Vuexのエラー:「[vuex] Do not mutate vuex store state outside mutation handlers」の原因と対応例
しかし、エラーが起こる。
解決策
export default {
props: {
notCartItems: {
type: Object,
required: true,
},
},
data() {
return {
items: JSON.parse(JSON.stringify(this.notCartItems)),
}
},
}
</script>
無理感が否めないので、もっと綺麗なコードを知っている方ご教授くださいmm
参考にさせて頂いたサイト
Vue.js:Vuexのエラー(vuex do not mutate vuex store outside mutation handlers)対策