vue 本地存储,vuex存储数据

　　本文主要介绍了vue-lsvue的本地存储实例，具有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

安装

Npm

　　npm安装vue-ls -保存

Yarn

　　纱线添加vue-ls

使用

　　Vue-ls存储API

　　从“vue-ls”导入存储；

　　选项={

　　命名空间： vuejs__ ，//关键字前缀

　　Name: ls ，//命名Vue变量。或者这个。[$ls]，

　　Storage: local ，//存储名称：会话，本地，内存

　　};

　　Vue.use(存储、选项)；

　　//或者Vue.use(存储)；

　　新Vue({

　　埃尔： #app ，

　　已安装：函数(){

　　Vue.ls.set(foo ， boo )；

　　//设置有效期

　　Vue.ls.set(foo ， boo ，60 * 60 * 1000)；//有效期为1小时

　　vue . ls . get( foo )；

　　Vue.ls.get(boo ，10)；//如果没有设置boo，则返回默认值10

　　let callback=(val，oldVal，uri)={

　　console . log( local storage change ，val)；

　　}

　　Vue.ls.on(foo ，callback) //检测foo键的变化并触发回调

　　Vue.ls.off(foo ，回调)//不调查

　　vue . ls . remove( foo )；//移除

　　}

　　});

Global(全局)

　　Vue.ls

Context（上下文）

　　这个。$ls

API 说明

　　Vue.ls.get(名称，定义)

　　返回存储中的名称值。在返回之前在JSON中内部解析该值。

　　Def:默认为空；如果设置了，它将返回name.vue.ls.set (name，value，expire)

　　设置存储中name的值。并将值转换成JSON。

　　Expire:默认值为null，name name有效时间以毫秒为单位Vue.ls.remove(name)

　　从存储中删除名称。成功移除true，否则返回false。

　　Vue.ls.clear()

　　清空存储。

　　Vue.ls.on(名称，回拨)

　　持续监控其他标签上名称的变化，变化时触发回调，传递以下参数：

　　新值：当前存储中的名称，从持久性JSON解析旧值：旧存储中的名称，从持久性JSON解析url:从选项卡修改URLVue.ls.off(名称，回调)

　　删除上一个监听器Vue.ls.on(名称，回调)

vue-ls介绍

　　Vue插件，用于Vue上下文中的本地存储、会话存储和内存存储。

　　Vue插件用于使用Vue上下文中的本地存储、会话存储和内存存储。

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。