vue3存入session和cookie的最新技术

在Vue3中，可以使用`window.sessionStorage`和`window.localStorage`存储数据到Session Storage和Local Storage中，也可以使用`js-cookie`库存储数据到Cookie中。

以下是使用`window.sessionStorage`和`window.localStorage`的示例代码：

// 存储数据到Session Storage
window.sessionStorage.setItem('key', 'value');

// 从Session Storage中获取数据
const value = window.sessionStorage.getItem('key');

// 移除Session Storage中的数据
window.sessionStorage.removeItem('key');

// 存储数据到Local Storage
window.localStorage.setItem('key', 'value');

// 从Local Storage中获取数据
const value = window.localStorage.getItem('key');

// 移除Local Storage中的数据
window.localStorage.removeItem('key');

以下是使用`js-cookie`库的示例代码：

import Cookies from 'js-cookie';

// 存储数据到Cookie
Cookies.set('key', 'value', { expires: 1 });

// 从Cookie中获取数据
const value = Cookies.get('key');

// 移除Cookie中的数据
Cookies.remove('key');

需要注意的是，使用LocalStorage和Cookie存储数据时，需要注意数据的安全性并进行适当的加密和解密处理，以防止数据被盗取和篡改。同时，在使用Session Storage和LocalStorage存储数据时，需要注意数据的大小限制和存储时效性，不要存储过多或过期的数据。