步驟1：添加HTML

將上述代碼添加到名為index.html的文件中。大部分是標(biāo)準(zhǔn)html。 v-for循環(huán)通過我們尚未創(chuàng)建的{{}}數(shù)組來顯示javascript變量。其他v標(biāo)簽不言自明。還有一個(gè)針對(duì)vue.js cdn的腳本，它們是javascript，一個(gè)針對(duì)CSS的鏈接。

步驟2：添加Javascript

在javascript中，我們創(chuàng)建了一個(gè)新的Vue實(shí)例，我們將具有數(shù)據(jù)和方法的對(duì)象傳遞給該實(shí)例，在數(shù)據(jù)中，我們將板子放置在一個(gè)由3個(gè)空數(shù)組組成的數(shù)組中字符串。我們還為玩家提供了一個(gè)變量來確定轉(zhuǎn)彎。一個(gè)布爾值，用于定義游戲是否進(jìn)行，狀態(tài)是一個(gè)字符串，我們將向您顯示誰獲勝。在方法中，我們提供了一種方法，用于單擊板時(shí)檢查是否有人擁有板并重置游戲。如果您知道javascript，那應(yīng)該是可以自我解釋的。

步驟3：添加CSS

只是一些快速的CSS，而el只是指向主div的id。使外觀看起來更好一點(diǎn)，您的工作完成了！！希望您能夠理解我沒有解釋的內(nèi)容。
責(zé)任編輯：wv