亲宝软件园·资讯

展开

使用 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: ` ` }) ``` - 这样定义了组件后,别的组件就可以直接以 \

加载全部内容

相关教程
猜你喜欢
用户评论