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