Vue.js Todo App - Component Communication - Part 2
In this video, we extend our Vue.js Todo App and look at component communication and managing state at a basic level. We extract out a TodoItem component and use props and custom events to communicate between child and parent components.
BUG NOTICE @ 18:29 You should NOT pass in the index to update (and delete) the todo in the array. This will lead to an incorrect index when you filter the todos. Instead, pass in the id from the todo.id and find the correct index based on that id. See this commit that fixes it: https://github.com/drehimself/todo-vu...
GitHub Repo: https://github.com/drehimself/todo-vu...
LINKS
My courses: https://codewithdre.com
Sign up for my newsletter: http://andremadarang.com/newsletter
My website: http://andremadarang.com
Twitter: / drehimself
GitHub: http://github.com/drehimself
CodePen: http://codepen.io/drehimself
Watch video Vue.js Todo App - Component Communication - Part 2 online without registration, duration hours minute second in high quality. This video was added by user Andre Madarang 05 April 2018, don't forget to share it with your friends and acquaintances, it has been viewed on our site 31,703 once and liked it 601 people.