Vuex系列之（二）工作原理

工作原理

vuex原理图

Devtools：vuex官方提供的开发者调试工具

Backend API：后端接口``

vuex原理图-理解

mutations相当于后端里的dao层，直接操作数据【数据库】

actions相当于后端里的Service层，封装业务逻辑，发送接口

如果一个操作没有业务逻辑或请求接口数据，直接调用commit即可

把数据交给vuex管理 <=> 把数据交给state对象进行保管

必须按照指定的流程走才能正确的更新状态

dispatch('jia')

动作类型，值

actions中引起函数的调用

函数中继续调用commit

vuex帮我们重新解析并渲染组件

actions的作用：当你进行一个动作，但是动作所对应的值需要发送Ajax请求才能获取时，就需要在actions中发送Ajax请求

如果进行的操作是包含业务逻辑的【如：奇数的时候才加】，也可以dispatch中进行

vuex的组成部分【Actions、Mutations、State】接受store的管理

dispatch、commit两个API是在store身上的

vuex原理图-生活中的例子

Vue Components：用餐的客人

Actions：服务员

Mutations：后厨团队

State：菜