Vue.js Todo App

  • Create index.html
  • Add Vue.js to index.html
  • Create a Vue instance in app.js
  • Show message from Vue instance on page
  • Create New Todo Form
  • Call a function when the form is submitted
  • Create a string property on our data to store the user input
    • [] Watch the property change as we type in the input
  • [] Log the user input when the form is submitted
  • [] Create an array property on our data for todos
  • [] Push the new todo into the todos array, with done: false
  • [] Show the todos in a list
  • [] Check done on a todo to mark it as done
    • [] Show a line through the todo text
  • [] Add a button to delete a todo
  • [] Add a button to mark all todos as done