Learn Vue with Me EP.5 - List Rendering ลองทำ Todo list แบบง่ายๆ

มาลองเรียน Vue.js กันผ่าน Vue.js Tutorial ของ Vue Official กันครับ จะเป็น text tutorial มี Text Editor และ Live Preview ให้เราลองเขียน ลองผลลัพธ์ได้ วันนี้เป็นเรื่อง List Rendering ทำ Todo list แบบง่ายๆ กัน

List Rendering

1
<ul>
2
  <li v-for="todo in todos" :key="todo.id">
3
    {{ todo.text }}
4
  </li>
5
</ul>