vue3中使用vuex

原创于 2022-02-13 19:59:40 发布 · 396 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js #前端

在Vue3中使用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);