与 Vue 3 匹配的是 Vuex 4。
安装:
npm#
npm install vuex@next --save
Yarn#
yarn add vuex@next --save
新建:
在src文件下新建store文件夹后创建store.ts
import { createStore } from "vuex";
const store = createStore({
// 数据状态 -- state
state: {
},
// 定义同步的方法
mutations: {
},
// actions定义异步的方法
actions: {
},
// 数据加工 --- getters
getters: {
}
})
export default store
引入:
在根目录下的main.ts下引入vuex
import { createApp } from 'vue'
import App from './App.vue'
import store from './store'
const app = createApp(App)
app.use(store)
app.mount('#app')