vue3——如何安装vuex

最新推荐文章于 2025-07-14 10:45:47 发布

原创最新推荐文章于 2025-07-14 10:45:47 发布 · 1.2k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

本文详细介绍了如何在Vue.js项目中使用Vuex进行状态管理，包括执行npm安装，创建store文件结构，配置state、getters、mutations和actions，并在main.js中集成store和router。

安装配置

1.   执行安装命令: npm install vuex
2.   在src目录下新建一个目录store,并在该目录下创建index.js
3.   在index.js中写入以下内容

import { createStore } from 'vuex

    export default createStore({
    state: {

    },
    getters: {

    mutations: {

    },
    actions: {

    }
}）

4. 在main.js中引入store

import { createApp } from 'vue'
import App from '. /App.vue'
import router from './router'
import store from './store'
let app = createApp(App)
app. use(store) . use(router) . mount(#app)