Use localStorage in a Vue App


Deleting my account – There is really no technical support. My emails keep getting blocked and they will not address this. I am out. Lela G., Toronto, Canada, www.ecopolitics.ca


In this video, we’re going to use localStorage to persist some user data in a Vue.js note-taking application.

We built this application from the ground up (well, almost) in my previous video. If you’d like to check that out, here’s the link: https://www.youtube.com/watch?v=yGFJmM4G8ik

If you just want to watch to see how to implement localStorage in Vue, that’s fine too. Feel free to jump straight into this one.

Here are some resources that might help as you watch:
❇️ The Vue.js site- https://vuejs.org/
❇️ Vue’s documentation on lifecycle hooks- https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks
❇️ MDN’s guide to using localStorage- https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API
❇️ MDN documentation on the built-in JSON object- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON#
❇️ MDN documentation on console.log- https://developer.mozilla.org/en-US/docs/Web/API/Console/log
❇️ Vue docs on watchers- https://vuejs.org/v2/guide/computed.html#Watchers

Rad Devon

No Comments

Sorry, the comment form is closed at this time.