vue设置Cookie

Vue-CLI项目-vue-cookie与vue-cookies处理cookie

vue-cookie

一.模块的安装

npm install vue-cookie --save#--save可以不用写

二.配置main.js

// 配置cookieimport cookie from 'vue-cookie'Vue.prototype.$cookie = cookie;  //配置时候prototype.$这里的名字自己定义不是固定是cookie

三.使用

created() {//创建时间节点
    console.log('组件创建成功');    let token = 'asd1d5.0o9utrf7.12jjkht';    // 设置cookie默认过期时间单位是1d(1天)
    this.$cookie.set('token', token, 1);
},
mounted() {//创建渲染节点
    console.log('组件渲染成功');    let token = this.$cookie.get('token');    console.log(token);
},
destroyed() {//组件销毁节点
    console.log('组件销毁成功');    this.$cookie.delete('token')
}