Web前端框架应用：第6章 Vuex状态管理-配置选项.pptx

第6章 Vuex状态管理;学习目标;目录;知识架构;知识架构;知识架构;知识架构;知识架构;actions特性： actions类似于mutations，不同之处在于actions是异步执行的 事件处理函数可以接收{commit}对象，完成mutations提交;actions简单使用：dispatch()方法完成状态分发，案例展示如下。;案例实现：;案例实现：;案例实现：在store实例中定义mutations和actions。;案例实现：挂载store实例，并定义mut()和act()事件处理函数。;actions参数传递：修改methods中的代码，使用payload传入参数。;actions对象参数传递：对象主要包括type和其他自定义属性。;案例展示：;案例实现：;案例实现：;案例实现：;案例实现：;mutations：mutations选项中的事件处理方法接收state对象作为参数，即初始数据，使用时只需要在store实例配置对象中定义state即可。mutations中的方法用来进行state数据操作，在组件中完成mutations提交就可以完成组件状态更新。;案例展示：