vue3中使用vuex

在Vue3中使用vuex

Vuex是用于对复杂应用进行状态管理用的(官方说法是它是一种状态管理模式)。

1、下载安装

npm install vuex@next

2、导出

import {createStore} from 'vuex'

3、创建数据仓储对象

// 导入 createStore()创建数据存储对象
import {
    createStore
} from "vue";

// 创建数据仓储对象
const store = createStore({
    state: {
        // 状态数据
    },
    mutations: {
        // 操作state状态数据的同步方法
    },
    actions: {
        // 发送数据请求的异步方法
    },
    getters: {
        // 计算属性方法
    },
    modules: {
        // 子模块
    }
})

4、注册仓储对象

// app:Vue.createApp()创建的应用对象
app.use(store);