美文网首页
一张图了解vuex的运行机制

一张图了解vuex的运行机制

作者: 我性本傲 | 来源:发表于2019-04-30 18:03 被阅读0次
vuex

vuex独立的提供响应式数据的。

运行机制:单向数据流。

vuex提供数据(state)来驱动视图(vue components),通过dispath派发actions,在其中可以做一些异步的操作,然后通过commit来提交mutations,最后mutations来更改state。

为什么要经过mutations这一层呢?

因为要在插件devtools中记录数据的变化吗,以便调试。

mutations需要一个纯同步的操作。

如果没有异步的操作,可以直接从vue components提交到mutations

核心概念:

1.state 提供一个响应式数据

2.getter 借助vue的计算属性computed来实现缓存

3.mutation 更改state方法

4.action 触发mutation方法

5.module vue.set动态添加state到响应式数据

相关文章

网友评论

      本文标题:一张图了解vuex的运行机制

      本文链接:https://www.haomeiwen.com/subject/qeyvpqtx.html