使用 Vue.js 改写 React 的官方教程井字棋

React 的官方[教程][react-tutorial-zh]井字棋很好的引导初学者一步步走进 React 的世界，我想类似的教程对 Vue.js 的初学者应该也会有启发，于是使用 Vue.js 进行了改写 可以先查看最终的[结果][codepen-done]，尝试点击体验，我们将逐步地实现这个效果 ## 初始状态代码 ### 初始状态查看 打开[初始状态][codepen-init]直接编辑，或者将对应的文件复制下来放置在同一文件夹中 此时只是一个简单的井字棋格子，以及写死的下一个选手 ### 初始代码分析 目前定义了三个组件，分别为 Square，Board 和 Game Square 目前只是一个普通的按钮 ``` Vue.component('Square', { template: ` {{ /* TODO */ }} ` }) ``` - 这样定义了组件后，别的组件就可以直接以 \