Build a Todo List App in Vue JS with LocalStorage in 2022 | Vue 3 for Beginners

Learn how to build a Todo list application in 2022 with Vue JS and the composition API. You will learn the basics of Vue Composition API along with some more advanced features such as LocalStorage for saving data to the browser.

// JOIN THE DISCORD SERVER!

// BECOME A MEMBER TO UNLOCK MORE CONTENT!

// MY GEAR FOR CODING AND YOUTUBE

All of these products I own and have tested!

// FOLLOW ME ON TWITTER

// INTERESTED IN GAME DEV?

// CHECK OUT MY GAME

// DO THESE SIMPLE STEPS
LIKE, SUBSCRIBE & SHARE

[edkinge]

Thanks for this, as a beginner I found this was perfectly for my skill level and learnt a lot!

[zalodias]

Thanks for already including CSS. Helps to focus on the Vue logic and functionality.

[jackwang]

Thanks for the tutorial mate! Awesome content!

[haamidshamim]

thank you very much for the code it helped me a lot

[yugeyuge]

Thanks for the concise and educational video.

[newtonkimathi]

Excellent work keep up and share more knowledge

[nikhilgupta]

Hello sir, your video is really helpful.
what if we want to click and drag any todo items to arrange the todos in our way/order?

[aldotube]

Good video, I would say it feels like you go through it pretty quick, found myself pausing and coding along a lot more than others. I'd also say it feels a little bit above beginners level just on the explanation on what everything does

[kenweb]

Thank you. I've completed this tutorial. It's my fist vue project. Question: In removeTodo why aren't you using something like removeItem to remove it from the local storage?

[d-landjs]

Excelent tutorial bro!!! Thnks for everything!!! Hope new tutorial with Firebase!

[tomtakumi]

Cool video Tyler. Do you have any tips on using Web Components in Vue3?

[adelinewebdev]

Thank you for this video; I loved your coding approach, which is straightforward and efficient – exactly what we desire! Well done. However, a small notice: for beginners, please speak more slowly. I'm looking forward to seeing the other content you can share.

[iquzlyq]

Дякую, друже!
Загалом все зрозуміло. Спробую розділити все це на компоненти, щоб нічого не зламати :)

[jaloliddinumariy]

Very Good Video Thanks, But I have A error in computed

Unexpected side effect in computed function

[abletoneverything]

How do you have your VScode suggesting whole lines of code like that? @18:29

[jrv]

Anyone know this error?
Unexpected side effect in computed function

[danielkovacs]

thanks the video
do u plan to develop google calendar implementation for this todo app?:)

[NeverDieAgl]

Ok, i'm now getting a problem that todos are saved to local storage, but it get's cleared after F5 -.- name stays, todos not :/

[Pages_Perfected]

I have a question, it is stored in localstorage of the browser, but where is it exactly ? I mean in my device folders, Chrome then where?
I saw it in inspect key value but couldn't find it in my device.

[mr.gegenpress]

'todos_asc' is declared but its value is never read.Vetur(6133)
anyone else having the same issue? I'm trying to figure this out. Also, installed eslint and volar (replacement of vetur) but no success yet