javascript - 无法在 Vuex 中使用 store.subscribe() 方法

Question

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

Uncaught TypeError: WEBPACK_IMPORTED_MODULE_2__store.a.state.subscribe is not a function

这是我的代码:

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 仍然只是一个常规对象，而不是 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)
})