loadUserInfo(); } }; 总结 在Vue 3中使用cookies,你可以选择js-cookie或vue3-cookies等库来简化操作。通过安装、引入并在组件中使用这些库,你可以方便地设置、获取和删除cookies,从而实现用户信息的持久化存储。在选择库时,可以根据你的项目需求和偏好来决定使用哪一个。
本文主要介绍vue3中使用vue3-cookies,包含OptionsAPI与CompositionAPI两种写法 一、首先,你需要安装Vue-Cookie。可以通过npm或yarn安装。在终端中运行以下命令: npm install vue3-cookies --save 或者 yarnaddvue3-cookies 二、在Vue应用程序的入口文件main.js中引入vue3-cookies (OptionsAPI写法) ...
第一种方式:vue-cookies yarn add vue-cookies 1. importcookiesfrom'vue-cookies'//引入cookie//设置cookiecookies.set("account","xxxx");//获取cookiecookies.get("account");//移除cookiecookies.remove("account"); 1. 2. 3. 4. 5. 6. 7. 8. 9....
{ useCookies }from"vue3-cookies";const{ cookies } =useCookies();//设置cookie 参数说明( 关键值(keyName),参数值(value),过期时间(expireTimes))cookies.set("name","John","30d");//30天过期cookies.set("name","John",60*60*24);//直接传数字,1天过期cookies.set("name1","White");//不...
npm install vue-cookies 二、main.js中引用 importVuefrom'vue';importVueCookiesfrom"vue-cookies";Vue.use(VueCookies); 三、基本使用方式 // 设置this.$cookies.set(keyName,value[,expireTimes[,path[,domain[,secure[,sameSite]]])//获取cookiethis.$cookies.get(keyName)//删除 cookiethis.$cookies...