How can I use session storage in Vue 3?

How can I use session storage in Vue 3?

You can use the sessionStorage API in Vue 3 to store data for the duration of the page session. Would you like a code example?

Yes, please provide a code example.

Sure! Here's a simple example:

// To set an item
sessionStorage.setItem('key', 'value');

// To get an item
const value = sessionStorage.getItem('key');

// To remove an item
sessionStorage.removeItem('key');

How do I retrieve data from session storage when the component mounts?

You can retrieve data in the mounted lifecycle hook like this:

mounted() {
  const value = sessionStorage.getItem('key');
  console.log(value);
}