vuex

什么是vuex?

vuex是vue.js推出的状态管理工具,采用的是集中式管理所有组件的状态,并以相应的规则,保证状态以一种可预测的方式发生变化。

在这里插入图片描述
这是vuex官网的图片,可以看出来是由一下及部分组成的

  1. state
    存储的是状态,需要的组件中共享的数据
  2. mutations
    是vuex中唯一能直接操作state中的状态,通过store.commit方法来更改state的状态(mutations是一个同步函数)
  3. getter
    getter类似于vue中的计算属性,是对state中状态进行加工处理之后的结果,同样状态是会被缓存的,只有所对应的依赖发生变化的时候才会被重新计算
  4. actions
    处理一些异步操作。(如:需要依赖state中的状态来进行一些异步操作时,可在action中来提交mutations,而不是直接在mutats中来操作)
  5. module
    Module是store分割的模块,每个模块拥有自己的state、getters、mutations、actions。
const moduleA = {
  state: { ... },
  mutations: { ... },
  actions: { ... },
  getters: { ... }
}

const moduleB = {
  state: { ... },
  mutations: { ... },
  actions: { ... }
}
store.state.a  //moduleA
store.state.b  //moduleB
  1. 辅助函数
    Vuex提供了mapState、MapGetters、MapActions、mapMutations等辅助函数给开发在vm中处理store
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值