Skip to content

CodingGarden/vue-todo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Intro to Vue.js: Build a Todo App

Resources

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

Packages

No packages published