Lesson 25 — Ultimate: todo app

Boss level: the full todo app

The finished app adds items with a button or the Enter key (@keyup.enter is an event with a key modifier), toggles an item when clicked, crosses out finished items with a :style binding, and keeps a live "left" count with computed. Every piece is one you have already used.

<input v-model="q" @keyup.enter="search" />

Why it matters: this is a complete feature, start to finish — the same building blocks scale to real products.