Challenge: Create a Simple To-Do List App

Assess your ability to create a simple to-do list app in Vue.

We'll cover the following


Create a simple to-do list app by using the v-for directive. The app should have:

  • A list name, with the number of all to-do items put in parentheses

  • An input element for adding new to-do items

  • Buttons for adding/removing a single to-do item and a button for removing all to-do items at once

  • An unordered list of to-dos

Expected output

The output of the task should look like the following:

Get hands-on with 1200+ tech skills courses.