---
tags: Vue 直播班 - 2021 夏季班
---

# 檢核點 - 第一週

**重點觀念：**
1. Vue 指令

**回覆參考：**

Level1：
有看到你是選擇 LV1，如果是選擇 LV1 下次請盡可能補上更多註解
讓我們了解你是確實了解其運作喔

Level2：

Level3：
使用課程的版型屬於 LV2，包含 HTML、CSS 都自行撰寫才算 LV3 喔

--

作業沒有問題，恭喜過關

---

操作上：
* 點擊後有正確出現相對的內容

助教新增建議：

* 點擊 label 標籤時可以觸發修改產品是否啟用的狀態，來優化使用者體驗

寫法上：
* 使用 Vue 的指令

助教新增建議：
* .

---

上一版的作業建議：
* 在渲染的函式裡，input 標籤 id 的值不能使用 `is_enabled`，建議改為 `${item.id}`，因為 HTML 結構裡一個 id 不會重複存在。修改後，下一行的 `label for=""` 也要改為 `${item.id}`，讓使用者點擊標籤時能對應到正確的 input。修改範例如下：

<input class="form-check-input" type="checkbox" id="${item.id}">
<label class="form-check-label" for="${item.id}">......</label>