您的位置:首页 > Web前端 > Vue.js

vuex

2019-06-10 14:51 956 查看

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

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

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

思维流程:
store.js
this.store.commit(′increment′)−>mutationsthis.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 叫批量导出,可以导出多个

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: