Vuex 核心简介之 store

Vuex 是什么?

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式

状态自管理引用包含的几个部分

state,驱动应用的数据源;
view,以声明方式将 state 映射到视图;
actions,响应在 view 上的用户输入导致的状态变化。
单向数据流表示:在多个组件共享状态时单先数据流的简洁性容易被破坏
多个视图依赖于同一状态。
来自不同视图的行为需要变更同一状态。

什么情况下我应该使用 Vuex?

如果您的应用够简单,您最好不要使用 Vuex(一般情况下步建议使用)

简单的介绍

每一个 Vuex 应用的核心就是 store(仓库)
1.Vuex 的状态存储是响应式的,store读取状态的时候,相应的组件也会得到高效更新
2.你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交

  1. Vuex 使用单一状态树
    用一个对象就包含了全部的应用层级状态

  2. 在 Vue 组件中获得 Vuex 状态 由于Vuex 的状态存储是响应式的 在store案例中读取最简单的方法就是就是在计算属性中返回某个状态

  3. mapState 辅助函数 当一个组件需要获取多个状态时候,将这些状态都声明为计算属性会有些重复和冗余。

  4. 对象展开运算符 需要使用一个工具函数将多个对象合并为一个

  5. 组件仍然保有局部状态, 组件的局部状态。你应该根据你的应用开发需要进行权衡和确定。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值