时间戳

首页 > 解决方案 > 无法在 Vuex 中使用 store.subscribe() 方法

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

问题描述

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

未捕获的类型错误：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
      }
    }
  
}

我该如何纠正这个问题

标签： javascripttypescriptvue.jsvuejs2vuex

解决方案

我认为发生这种情况是因为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)
})

推荐阅读