vuex
状态管理(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 叫批量导出,可以导出多个
- Vue 路由传值的几种方法
- VUE重复修改属性值页面无法及时渲染问题
- vue.js混合手机开发中优化文件大小和加载速度
- vue-cli 配置路由>>跳转传递参数
- vue+elementui怎样点击table中的单元格触发事件--弹框
- vue笔记--事件修饰符
- 通过命令行生成vue项目框架的方法
- vue使用打包工具出现黄色警告
- 浅谈vue 单文件探索
- vue的常用指令和事件修饰符
- Vue项目4、Vuex
- vue学习资料大全
- vue中变量和字符串拼接
- react和vue的传值问题
- spirngboot+mysql+vue.js实现CRUD
- vue中使用heatmapjs的示例代码(结合百度地图)
- 浅谈vue中的MVVM实现原理
- Vue项目实现excel导出
- 解决vue-cli不能初始化webpack模板的问题
- vue父子间通信案列三($emit和prop用法)