php 如何读取localstorage_Vue实战045：Cookie的创建、读取、删除

前言

之前在Django中分享了后台如何来设置Cookie的：Django实战006：Cookie设置及跨域问题处理，那么如果我们想在前端设置Cookie又该怎么来处理呢，今天为大家分享一篇vue中创建、读取、删除Cookie的方法，希望对大家有所帮助。

Cookie的形式

Cookie和localStorage的有点不同，localStorage可以看作一个对象，通过键直接获取到对应的值，而Cookie则是一串字符串，以=号区分键值，所以Cookie在设置和获取时都无法直接实现。

//localStorage//设置方式localStorage.setItem('test1',value1) //展现形式为对象{ 'test1':'value1'， 'test2':'value2}//获取方式this.ip=localStorage.getItem('test1')//Cookie//设置方式document.cookie='test1=value1';//展现形式为字符串"test1=value1 ; test2=value2";//获取方式document.cookie

封装Cookie方法

使用 document.cookie 属性来创建 、读取、及删除