mutations / actions 可以用对象的方式进行分发,可以使用对象展开运算符( ES2017 stage-3 )进行深拷贝。
在 actions 里使用 Promise 或者 async/await 有奇效
dispatch 的过程是异步执行的,所以如果界面渲染依赖于 Vuex Store 的内容的话,尽可能使用 computed 获取 state ,在 state 从初始值变为非初始值时,再开始执行渲染(通过
v-if
控制)。这样可以保证在数据更新的时候,能够正确触发视图更新。一些小提示:不要把所有的信息都放到 Vuex 中,可以效仿 React,遵循瀑布原则:放在组件内的数据总是单向传递的,即父组件会向子组件传递数据,而子组件不关心数据来源,也无法回溯。在这个原则下,涉及到跨组件的数据共享时,再使用 Vuex。同时,使用了 Vuex 的项目同样可以使用 Vue Bus 来管理局部共享的数据,这样可以简化 Vuex 的数据复杂度。
Tips on Vuex 2.0
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 上一章总结了 Vuex 的框架原理,这一章我们将从 Vuex 的入口文件开始,分步骤阅读和解析源码。由于 Vuex...