本项目灵感来源于 React 版的俄罗斯方块,由于对其实现原理较感兴趣,而且相比于 React 更喜欢 Vue, 于是把 React 版的重构为了 Vue 版的,大致思路是把组件当成一个个函数,保证一个输入(props)能得到一个确定的输出(view),然后对不同方法也是做同样处理,对于 Redux 使用 Vuex 精简化 项目地址:https://github.com/Binaryify/vue-tetris

戳：http://binaryify.github.io/vue-tetris/ 玩一玩！

效果预览

正常速度的录制，体验流畅。

响应式

不仅指屏幕的自适应，而是在PC使用键盘、在手机使用手指的响应式操作：

数据持久化

视频

玩单机游戏最怕什么？断电。通过订阅 store.subscribe，将state储存在localStorage，精确记录所有状态。网页关了刷新了、程序崩溃了、手机没电了，重新打开连接，都可以继续。

Vuex 状态预览（Vue DevTools extension）

视频

Vuex 设计管理了所有应存的状态，这是上面持久化的保证。