unknown getter: XXX/XXX 報錯解決方法

今天，用vuex中的Module來分割多個模塊的時候，碰到了一個bug，今天，跟大家分享一下，先看一下報錯內(nèi)容吧

我的代碼結(jié)構(gòu)是這樣的

index是主文件，liuxu和test是分割出來的，然后index.js里面引入這兩個js

當我調(diào)用這兩個模塊中的mutations的時候，出現(xiàn)上面的報錯，我的代碼是這樣寫的

因為分模塊了，所以我要調(diào)用liuxu或者test下面的mutations，然后就報錯了，但是，如過我這樣寫就沒問題this.$store.commit(‘changeHeight’)，但是如果我這樣寫，分模塊的意義何在，研究了半天，突然看到官方文檔，文檔說

默認情況下，模塊內(nèi)部的 action、mutation 和 getter 是注冊在全局命名空間的——這樣使得多個模塊能夠?qū)ν?mutation 或 action 作出響應(yīng)。

這時候我明白了，this.$store.commit(‘changeHeight’)是注冊在全局命名空間的，如果用this.$store.commit(‘liuxu/changeHeight’) 肯定報錯，怎么解決呢，官方說了，你可以通過添加 namespaced: true 的方式使其成為帶命名空間的模塊，于是，我這樣寫了

加上namespaced: true的話，當模塊被注冊后，它的所有 getter、action 及 mutation 我們就可以通過以下方式來寫了，例如

this.$store.commit('liuxu/changeHeight') // => liuxu/changeHeight

報錯就解決了

總結(jié)

以上是生活随笔為你收集整理的[vuex] unknown mutation type: XXX/XXX 报错解决方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。