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