在Vue中使localStorage具有响应式的方法-创新互联
创新互联www.cdcxhl.cn八线动态BGP香港云服务器提供商,新人活动买多久送多久,划算不套路!
创新互联一直秉承“诚信做人,踏实做事”的原则,不欺瞒客户,是我们最起码的底线! 以服务为基础,以质量求生存,以技术求发展,成交一个客户多一个朋友!为您提供成都做网站、网站制作、成都网页设计、成都小程序开发、成都网站开发、成都网站制作、成都软件开发、成都App制作是成都本地专业的网站建设和网站设计公司,等你一起来见证!这篇文章将为大家详细讲解有关在Vue中使localStorage具有响应式的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
响应式是Vue.js的大特色之一。如果你不知道幕后情况,它也是最神秘的地方之一。例如,为什么它不能用于对象和数组,而不能用于诸如 localStorage 之类的其他东西
让我们回答这个问题,在解决这个问题时,让Vue响应式与 localStorage 一起使用。
如果运行以下代码,则会看到计数器显示为静态值,并且不会像我们期望的那样发生变化,这是因为setInterval在 localStorage 中更改了该值。
new Vue({ el: "#counter", data: () => ({ counter: localStorage.getItem("counter") }), computed: { even() { return this.counter % 2 == 0; } }, template: `` });Counter: {{ counter }}Counter is {{ even ? 'even' : 'odd' }}
网站栏目:在Vue中使localStorage具有响应式的方法-创新互联
转载来于:http://pwwzsj.com/article/djcsgj.html