1、Cookie的形式Cookie和localStorage的有点不同，localStorage可以看作一个对象，通过键直接获取到对应的值，而Cookie则是一串字符串，以=号区分键值，所以Cookie在设置和获取时都无法直接实现。
2、封装Cookie方法使用document.cookie属性来创建 、读取、及删除 cookie，为了能快速的处理Cookie，我们将其常用的方法封装起来，比如设置，获取和删除。这里我们只要在使用的时候直接调用该方法即可快速实现对Cookie的处理。
3、创建CookieCookie是一串字符串，每个属性之间用‘；’隔开，属性间以‘=’号为区分，类型格式如 cookie1=value; cook足毂忍珩ie2=value; cookie3=value;所以这里我们要做的就是将用户输入的对应参数按照Cookie的类型格式进行拼接。Cookie中共包含9个参数，分别是Name、Value、Domain、Path（默认‘/’）、Expires/Max-Age、Size（Cookie大小）、HTTP、Secure、SameSite。设置Cookie必须包含Nane和Value，其他的允许为空，一般我们会多添加个Expires/Max-Age超时限制。
4、读取Cookie读取Cookie则是要将刚才拼接的字符串旅邯佤践进行分割，并拿到我们想要的数据，多个Cookie或者参数之间用‘；’隔开，所以我们用一个数据通过split(';')分割并存储起来，然后去遍历这个数组中的每组数据，找到我们想要的数据并提出出‘=’号后面的值即可，你也可以用正则来提取你想要的值 。
5、删除Cookie删除Cookie我们只要再次调用创建Cookie方法将对应的值清空即可，这里的-1让指定名为name的Cookie过期实现自动清除，如果不赋值-1的话只是将对应的Cookie值删除了，这条Cookie记录并没有被删除。
6、js-cookie插件以上是我们自己封装定义的Cookie方法，如果你觉得麻烦也可以用别人的插件，如js-cookie，一款JS操作cookie的轻量级插件，直接命令行安装插件：npm i js-cookie --save，当前版本2.2.1。
7、js-cookie使用在组件中引入js-cookie，通过set、get、remove等方法来实现对应的创建、获取、删除等功能，用起来还是相当的简单快捷的。
