步驟1：添加HTML

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

步驟2：添加Javascript

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

步驟3：添加CSS

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