vuex 管理组件之间的通信

vuex 管理组件之间的通信
vuex 管理组件之间的通信
dispatch:调度
commit:提交
mutate:变异
render:渲染




大致关系就是上图,自行查看文档,接下来说的是在项目中的体验
1,从组件出发 根据跳转路径的url 可以拿到对应的变量 比如 id name 之类的
vuex 管理组件之间的通信
vuex 管理组件之间的通信
2,拿到变量之后肯定要调接口 渲染界面 这就要写在action里面了
vuex 管理组件之间的通信
vuex 管理组件之间的通信
3,渲染界面 需要有返回来的值赋给状态 全局渲染,中间要经过mutation 提交给mutation 再由mutation赋值给state全局变量
vuex 管理组件之间的通信
vuex 管理组件之间的通信
4,全局变量被赋值
vuex 管理组件之间的通信
vuex 管理组件之间的通信
5,从全局变量里拿到数据 进行过滤等计算 到此为止初始化单向循环完成
vuex 管理组件之间的通信
vuex 管理组件之间的通信
初始化单项循环成功之后 接着就可以循环起来了

在组件里面使用
vuex 管理组件之间的通信
vuex 管理组件之间的通信

vuex 管理组件之间的通信
vuex 管理组件之间的通信
分发,调度函数可以有两种写法 上面图片显示的是一种 下面图片显示的是一种
vuex 管理组件之间的通信
vuex 管理组件之间的通信
另外 组件里面的点击事件也是可以写到vuex的action里面
vuex 管理组件之间的通信
vuex 管理组件之间的通信
vuex 管理组件之间的通信

vuex 管理组件之间的通信
vuex 管理组件之间的通信


vuex 管理组件之间的通信


vuex 管理组件之间的通信


vuex 管理组件之间的通信
vuex 管理组件之间的通信

vuex 管理组件之间的通信