Vuex（全局状态管理）

最新推荐文章于 2025-02-19 11:09:21 发布

郭宝

最新推荐文章于 2025-02-19 11:09:21 发布

阅读量665

点赞数

CC 4.0 BY-SA版权

分类专栏： Web前端

本文链接：https://blog.youkuaiyun.com/qq_35366269/article/details/94402752

Web前端专栏收录该内容

284 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

Vuex是Vue.js的应用状态管理库，用于存储全局状态。它提供同步和异步处理状态的方法，并支持modules模块化管理。从初级到高级，包括state声明、mutations同步更新、getters异步获取、actions异步操作及modules模块化使用，帮助开发者更好地组织和共享组件状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vuex 是什么？

Vuex是Vue.js应用程序的状态管理模式+库。它是用来存储全局的状态，在实际的开发过程中，我们发现组件和组件之间想共用同一个状态。比如用户相关信息，登录以后的Token，这个时候就需要用到Vuex来进行存储，让项目中所有的组件都能够使用这个状态信息。

Vuex 怎么使用？

Vuex安装

npm install vuex --save

初级使用案例：

特点：同步处理状态

1、在state中声明一个number的状态，同时在mutations中创建一个外界可以访问的，同时可以改变number值的函数

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex);
const stores = {
  /*
  * state 是一个对象，用它来存储组件的状态
  * 在这里做一个集中的管理
  * */
	state: {
    token:'',
    number:0,
	},

  /*
  * mutations 是一个对象，它是用来改变state状态的方法集，其中的方法都是自己定义的

了解本专栏