今天我們來練習一些Vue實操題。以下是三個題目，每個都有相應的代碼示例和解析。
題目一：
Hello World!
這道題是要求在點擊“Hide”或“Show”按鈕時，顯示或隱藏“Hello World”文本。我們使用了v-if指令來完成這一任務。v-if指令將元素插入DOM中，只有在指定條件為真時。在這個例子中，我們使用data中的show屬性來控制文本的顯示和隱藏。方法toggle用于反轉show屬性的布爾值，從而切換文本的顯示和隱藏。
題目二：
{{ item }}這道題是要求用v-for指令對items數組中的元素進行迭代，并將它們渲染到頁面上。在這個例子中，我們使用了v-for指令，將items數組中的每個元素渲染為一個
元素。:key屬性是為了幫助Vue跟蹤每個渲染的元素，以便進行高效的更新。
題目三：
- {{ item }}
這道題是要求在點擊“Add Item”按鈕時，向items數組中添加一個新元素，然后將新元素渲染到頁面的列表中。我們使用了methods選項中的addItem方法來完成此任務。方法將新字符串“new item”添加到items數組中，并觸發Vue的響應式更新。由于我們將v-for指令用于列表，因此Vue將自動檢測到新的項目并將其添加到頁面中。
下一篇html開頭要寫的代碼