vuex 初体验

Posted 2020-08-24 饭特稠

vuex是vue的状态管理工具，vue进阶从es6和npm开始，es6推荐阮一峰大神的教程。

vuex学习从官方文档和一个记忆小游戏开始。本着兴趣为先的原则，我先去试玩了一把-->。

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，如果你刚接触这个东东肯定像我一样蒙，所以我选择把这个游戏的源码从头到尾看一遍，主要看文件夹vuex里的actions,mutations,store部分，理解了一行就加一个批注。直到全部理解了为止。

从图说起：

这个图最简单的表示了vuex的工作流程。以小游戏为例，它的主要组件是chessboard组件，下面是一堆card组件，在小游戏的stage对象里面有一个leftmatched对象，用于表示还有多少对扑克牌没有匹配成功。