首页 > 其他分享 >vue 存储cookie 与使用

vue 存储cookie 与使用

时间:2023-05-12 11:11:08浏览次数:36  
标签:npm 存储 vue vueuse integrations useCookies cookie

安装cookie依赖包

npm i @vueuse/integrations

安装cookie

npm i universal-cookie

使用cookie

import {useCookies} from "@vueuse/integrations/useCookies"

const cookie = useCookies();

存取cookie

cookie.set("token","123456789")

获取cookie

cookie.get("token")

 

标签:npm,存储,vue,vueuse,integrations,useCookies,cookie
From: https://www.cnblogs.com/7788mmhh/p/17376595.html

相关文章

  • vue table 没有数据的时候展示无数据
    element-table无数据的时候,把“暂无数据”改成其他文字或图片 <el-table :data="tableData" ><el-table-columnlabel="序号"prop="amount""min-width="80"align="center"><template#default="scope">......
  • vue-element-admin安装依赖报错问题
    前言vue-element-admin中文官网要使用中文版,直接去gitgithub下载包:https://github.com/PanJiaChen/vue-element-admin/tree/i18ngitee下载包:https://gitee.com/panjiachen/vue-element-admin/tree/i18n分支记得选择这个i18n问题解决1.修改package.json文件tui-editor这......
  • 一种KV存储的GC优化实践
    作者:vivo互联网服务器团队-YuanJianWei从内部需求出发,我们基于TiKV设计了一款兼容Redis的KV存储。基于TiKV的数据存储机制,对于窗口数据的处理以及过期数据的GC问题却成为一个难题。本文希望基于从KV存储的设计开始讲解,到GC设计的逐层优化的过程,从问题的存在到不同层面的分......
  • vue中光标显示到指定的input框内
    给input标签内加ref="inputName"然后在想要执行的地方写this.$refs.inputName.focus() 1.如果想要打开这个页面的时让光标自动显示到input框内就在mounted里加 2.如果想在执行事件之后让光标显示到input框内就加在事件里 ......
  • vue中解析转义字符
    最近在写一个后台,后台需要展示富文本的内容,按理说使用v-htmll标签就可以,但是当我使用后,却发现页面展示的依旧是html标签,这时我仔细看了一下返回的富文本内容,发现里边包含了展示转义字符<pstyle="line-height:150%"><spanstyle=";font-family:宋体;line-height:150%;font-size:......
  • 通过空间占用和执行计划了解SQL Server的行存储索引
    1索引介绍索引是一种帮助查询语句能够快速定位到数据的一种技术。索引的存储方式有行存储索引、列存储索引和内存优化三种存储方式:行存储索引,使用B+树结构,行存储指的是数据存储格式为堆、聚集索引和内存优化表的表,用于OLTP场景。行存储索引按顺序排列的值列表,每个值都有指向其......
  • VUE
    Vue的基本常识Vue的使用方式vuejs的使用官方提供了2种方式:基于脚本导入使用,下载vue.js文件,通过script标签引入到html网页。基于项目构建工具来进行使用,需要安装项目构建工具,自动构建成一个独立的项目。目前官方推荐的项目构建工具:vue-CLI,vite。Vue调试工具VueDevtools......
  • vue版本报错
     在引入部分加入@2声明是vue2版本即可   ......
  • vue项目中封装localStorage和sessionStorage
    1.为什么需要封装localStorage和sessionStorage?因为封装localStorage和sessionStorage可以提高程序的维护性、可重用性和扩展性,同时也可以使代码更为简单、易懂。2.以下是一个简单的代码封装示例可以新建一个utils目录文件,在该文件下新建storage.js文件进行封装//封装local......
  • WSL 的升级 及 docker下存储迁移
    参考:https://www.cnblogs.com/zym2018/p/17390855.html,尝试另外一种解法,包含了(WSL的升级)wsl--shutdownwsl-l-vwsl--exportdocker-desktopD:\WSL\bak\docker-desktop.tarwsl--exportdocker-desktop-dataD:\WSL\bak\docker-desktop-data.tarwsl--exportUbuntuD:\W......