Lesson 22 — Mini project: todo (expert)

Add, tick, remove, count

A fuller todo list stores objects { text, done }. A checkbox with v-model="x.done" ticks an item directly. splice(i, 1) removes one item at index i from the array, and a computed counts what is left — all reactive, no manual re-drawing.

list.value.splice(2, 1) // remove the 3rd item

Why it matters: these four operations are the CRUD (create, read, update, delete) heart of most apps.