LESSON-20 · 核心主課最小實驗

用 ref、computed、v-for 與 v-if 管理服務清單畫面

完成本章專屬操作，再以畫面、DOM、computed value、focus 或 URL 留下可重現證據。

本次涵蓋知識點

  1. 1. JavaScript .value 與 template 自動解包
  2. 2. ref 與 reactive 選擇
  3. 3. computed 與 method
  4. 4. v-if／v-show 與穩定 key

可執行 Lab｜改變 ref 並驗 computed／顯示方式

keyword={{ keyword }}；computed={{ filtered.length }}

  • {{ item.name }}#{{ item.id }}

v-show display

尚未執行本章操作。