Lesson 17 — Mini project: todo

A small todo app

Put the pieces together: v-model holds the text being typed, a ref holds the array of items, v-for shows them, and an add function puts the text into the array and clears the box. In Vue you can push into a reactive array — Vue notices the change.

function addTag() {
  tags.value.push(newTag.value)
  newTag.value = ""
}

Why it matters: this add-to-list flow is the core of comments, carts and playlists.