安装

# "vuex": "^4.1.0"
npm i --save vuex

配置main.js

留意注释里的旧配置是新的配置方法。vuex也不可以直接导出了，我们应该直接注册store。

// import Vuex from 'vuex'
import store from './store'

// Vue.use(Vuex);
app.use(route)
app.mount('#app')

创建配置文件

src
 ├─store
 │  └─index.js  # 创建store实例

与router类似的，我们无法再用new Vuex来创建实例，而是使用createStore方法。

const store = createStore({
    state: {
        ......
    },
    mutations: {
        ......
    },
    actions: {
        ......
    },
    modules: {
        ......
    }
});

Quote

Vue3中Vuex的使用_vue3 vuex-CSDN博客

Vue3想实例Vuex.Store()却发现不可以使用Vue.use(Vuex)-CSDN博客

vuex在vite&vue3的简单使用_vite vuex实例-CSDN博客

一起学习Vuex 4.0的状态管理（Vite） - 掘金 (juejin.cn)

vue3 + vite 项目搭建 - 引入vuex - 掘金 (juejin.cn)