vue-ls 本地存储

最新推荐文章于 2024-08-24 07:05:25 发布

_freely

最新推荐文章于 2024-08-24 07:05:25 发布

阅读量2.9k

点赞数

分类专栏： vue 文章标签： vue-ls 本地存储

本文链接：https://blog.csdn.net/hbjiankely/article/details/103604678

版权

vue 专栏收录该内容

33 篇文章 1 订阅

订阅专栏

一种可以设置有效期的本地存储方式

安装
npm install vue-ls --save

使用
import Storage from 'vue-ls';

let options = {
  namespace: 'vuejs__', // key prefix
  name: 'ls', // name variable Vue.[ls] or this.[$ls],
  storage: 'local', // storage name session, local, memory
};

Vue.use(Storage, options);
new Vue({
    el: '#app',
    mounted: function() {
        Vue.ls.set('foo', 'boo');
        // Set expire for item
        Vue.ls.set('foo', 'boo', 60 * 60 * 1000); //expiry 1 hour
        Vue.ls.get('foo');
        Vue.ls.get('boo', 10); //if not set boo returned default 10
        
        let callback = (val, oldVal, uri) => {
          console.log('localStorage change', val);
        } 
        
        Vue.ls.on('foo', callback) //watch change foo key and triggered callback
        Vue.ls.off('foo', callback) //unwatch
        
        Vue.ls.remove('foo');
    }
});

github：https://www.npmjs.com/package/vue-ls