- 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
-
-
Notifications
You must be signed in to change notification settings - Fork 9
Intro to Vue.js: Build a Todo App
CodingGarden/vue-todo
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
About
Intro to Vue.js: Build a Todo App
Resources
Stars
Watchers
Forks
Releases
No releases published
Sponsor this project
Packages 0
No packages published