vuex 管理组件之间的通信

来源:互联网 发布:python常用包 编辑:程序博客网 时间:2024/05/20 14:16

dispatch:调度
commit:提交
mutate:变异
render:渲染




大致关系就是上图,自行查看文档,接下来说的是在项目中的体验
1,从组件出发 根据跳转路径的url 可以拿到对应的变量 比如 id name 之类的

2,拿到变量之后肯定要调接口 渲染界面 这就要写在action里面了

3,渲染界面 需要有返回来的值赋给状态 全局渲染,中间要经过mutation 提交给mutation 再由mutation赋值给state全局变量

4,全局变量被赋值

5,从全局变量里拿到数据 进行过滤等计算 到此为止初始化单向循环完成

初始化单项循环成功之后 接着就可以循环起来了

在组件里面使用



分发,调度函数可以有两种写法 上面图片显示的是一种 下面图片显示的是一种

另外 组件里面的点击事件也是可以写到vuex的action里面