Skip to content

Instantly share code, notes, and snippets.

@zocom-christoffer-wallenberg
Last active February 15, 2021 13:20
Show Gist options
  • Save zocom-christoffer-wallenberg/74978580b5e73db5c8d1bbc03c406034 to your computer and use it in GitHub Desktop.
Save zocom-christoffer-wallenberg/74978580b5e73db5c8d1bbc03c406034 to your computer and use it in GitHub Desktop.

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

Skiss

Skärmavbild 2021-02-15 kl  14 19 13

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment