使用 Vuex 4 时，Vue.js 2 中出现警告

Question

当我尝试在 Vue 2 中使用 Vuex 4 作为商店时，控制台中出现警告。我该如何解决它？

在“vue”中找不到导出“注入”/“反应”/“监视”

以下是package.jsonVue (v2.x) 和 Vuex (v4.x) 的条目：

store.js：

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex)

export default new Vuex.Store({
    state: {
        todos: [],
        logs: []
    },
    mutations: {
        ADD_TODO(state, todo) {
            console.log('add todo work')
            state.todos.push(todo)
        },
    },
    actions: {
        addTodo({ commit }, todo) {
            commit('ADD_TODO', todo)
        }
    },
})

main.js文件：

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import ElementUI from 'element-ui';
import store from './store'

Vue.use(ElementUI);
Vue.config.productionTip = false

new Vue({
  store,
  router,
  render: h => h(App)
}).$mount('#app')

Answer 1

您正在使用 Vuex 4，它仅适用于 Vue 3。对于Vue 2，你必须使用Vuex 3。看看Vuex官方文档上的注释。