如何在vue项目中使用cookie的方法

1、可以使用js自己封装，不过有写复杂，我们可以直接使用vue的插件，方便快捷：

npm install --save js-cookie

安装好之后，重启项目，让后在需要的地方直接引入：

import Cookies from 'js-cookie'

让后直接使用其get和set方法就好和localstorage和sessionStorage的用法一样，在忘本存的时候需要， JSON.stringify()转成字符串格式进行存储，取的时候也一样，使用JSON.parse()方法进行转换。

 const obj = { name:'ryan'}
 Cookies.set('user', JSON.stringify(obj));
 console.log(JSON.parse(Cookies.get('user'))); 
 const open_id=JSON.parse(Cookies.get('user')).name;
 console.log(open_id);

结果如下：