javascript - How can I save todo tasks using Vue.js

Question

I'm making a new ToDo list and I want to save the tasks/projects on localStorage, using Vue.js

I have already make todo list using JS, and tried to save innerHTML/TextContent to localStorage like this:

localStorage.setItem('tasks', tasks.innerHTML);

Preview: https://codepen.io/Eslare/pen/QWKXzvd

question from:https://stackoverflow.com/questions/65893180/how-can-i-save-todo-tasks-using-vue-js

Answer 1

You can use a state management to best save your values and manage how they are save in the local storage.

In vue, the most popular one is vuex. you can see it's documentation here.

You can also read about how to later on connect vuex and local storage here.