Första steget i att skapa en dynamisk web app med Vue.js är att koda upp den med statiska komponenter och innehåll.
Koda upp nedanstående Todo App skiss med dessa komponenter ( håll CSS:en enkel, behöver inte vara lika grafisk som skissen, dock samma funktionalitet och struktur. Notera att todo-header har en komponent ( counter) inuti sig. Glöm inte att hårdkoda in innehållet också i todo-items etc.
Komponenter
- header
- counter ( du har 3 todos kvar att göra )
- todos ( inkl 4 todos, en är avbockad/done )
- new-todo