无法在Vuex中使用store.subscribe（）方法

Question

我只是尝试使用store.subscribe()的方法Vuex 。 我不断收到以下错误，似乎表明没有store.subscribe方法，这与文档中的内容相反：

未捕获的TypeError： WEBPACK_IMPORTED_MODULE_2__store .a.state.subscribe不是函数

这是我的代码：

app.js文件，在其中初始化所有内容，注册我的组件等：

 import Vuex from 'vuex'; import router from './routes'; import store from './store'; window.Vue = require('vue'); const app = new Vue({ el: '#app', router, store: new Vuex.Store(store) }); store.subscribe((mutation, state) => { console.log(mutation.type) console.log(mutation.payload) }) 

我的store.js文件，它用作我的集中式Vuex存储。 到目前为止，它一直运行良好：

 import router from './routes'; export default { state: { sample: { } }, mutations: { sample(state){ } }, getters: { sample(state){ return state.sample } } } 

我该如何纠正这个问题

Answer 1

我认为发生这种情况是因为在您调用store时， store仍然只是一个常规对象，而不是Vuex的实例。 您可以尝试以下方法：

import Vuex from 'vuex';
import router from './routes';
import store from './store';

window.Vue = require('vue');
const myStore = new Vuex.Store(store)
const app = new Vue({
    el: '#app',
    router,
    store: myStore
});
myStore.subscribe((mutation, state) => {
  console.log(mutation.type)
  console.log(mutation.payload)
})

Answer 2

添加app.store...类的app对象app.store...因为您的store在该级别不被称为Vuex商店实例。

    import Vuex from 'vuex';
    import router from './routes';
    import store from './store';

     window.Vue = require('vue');

     const app = new Vue({
         el: '#app',
         router,
         store: new Vuex.Store(store)
       });
     app.$store.subscribe((mutation, state) => {
        console.log(mutation.type)
        console.log(mutation.payload)
       })