vuex

状态管理(vuex) store(集中式的存储管理)

什么时候用: 打算开发中大型应用

集中式数据管理, 一处修改,多处使用

思维流程:
store.js
this. s t o r e . c o m m i t ( ′ i n c r e m e n t ′ ) − > m u t a t i o n s t h i s . store.commit('increment') -> mutations this. store.commit(increment)>mutationsthis.store.dispatch(‘jia’) -> actions
mapActions() ->actions mapGetters()->getters

      学生          代课老师         校长           财务      班主任             学生

(view)component - dispatch > action -> mutation -> state <- getter <- component
发送请求 处理 修改状态
业务逻辑 修改state 读取state
异步

1. 什么是状态

​ 我们使用一条数据去管理一个视图,那么这个数据我们就称之为 ‘状态’

2. vuex是做什么的?

​ Vuex是一个集中式的存储管理中心,vuex中可以用来存储 数据( 状态 )

​ vuex也是一个状态管理中心,它也可以进行状态的管理

3. 什么是状态管理模式?

​ 我们使用一条数据去管理一个视图,那么这种管理模式就称之为 状态管理

4. 什么时候使用vuex

中大型应用使用 (使用的时间)

5. vuex的开发流程

四个方案:

1. 前: 标准    后: 标准  √

2. 前: 标准    后: 非标准  √

3. 前:  非标准  后: 非标准  √

4. 前: 非标准  后: 标准  √

component ---dispatch---> actions ---commit--->mutations---state <----getters----component

6. 解决了三个工具 mapActions mapMutations mapGetters

export default 默认导出一个

export 叫批量导出,可以导出多个

作业:

  1. 使用vuex实现计数

  2. 使用vuex实现todolist中添加( 使用数据分块 module )

  3. vuex实现购物车

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值