您的位置:首页 > 产品设计 > UI/UE

vuex 管理组件之间的通信

2017-10-31 11:33 309 查看


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

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



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



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



4,全局变量被赋值



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



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

在组件里面使用





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



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









内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  vue vuex html