How do I use localStorage in Vue 3?

How do I use localStorage in Vue 3?

You can use the localStorage API directly in Vue 3. First, you can set an item using localStorage.setItem('key', 'value'). To retrieve it, use localStorage.getItem('key'). Would you like an example?

Yes, please provide an example.

Sure! In your Vue component, you can do something like this:

mounted() {
  localStorage.setItem('username', 'JohnDoe');
  this.username = localStorage.getItem('username');
}

This sets a username in localStorage and retrieves it when the component is mounted.

How can I remove an item from localStorage?

You can remove an item using localStorage.removeItem('key'). For example, localStorage.removeItem('username') will remove the username from localStorage.