Vuex(vue2中的状态机)

本文详细介绍了Vuex在Vue应用中的核心概念,包括状态(state)的存储、getter的处理逻辑、mutations的同步更新、actions的异步操作以及模块化的使用,展示了如何在组件中利用这些工具进行数据管理和通信。

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

目录

Vuex

  state属性

  getters属性

  mutations属性

  actions属性

  modules属性

辅助函数


Vuex

  状态管理模式 维护公共状态 公共数据
  使用状态机模块维护状态 
  A组件中分发工作(发起异步请求)--->获取数据--->提交突变(将数据提交给突变 )
  通过突变修改状态 其他页面就可以渲染数据

  state属性

    维护状态 类似于data 存储数据

            // 类似于data 存储公共状态 存储数据
            state: {
                public: 'hello vuex',
                token: ""
            },
  getters属性

    对state中的数据进行处理后再返回 类似于计算属性

            // 类似于计算属性 对state中数据进行处理然后再返回
            getters: {
                Upper(state) {
                    return state.public.toUpperCase()
                }
            },
  mutations属性

    突变 同步操作 唯一修改state方式

            // 突变 同步操作 修改state中数据的唯一一种方式
       
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值