創(chuàng)新互聯(lián)www.cdcxhl.cn八線動(dòng)態(tài)BGP香港云服務(wù)器提供商，新人活動(dòng)買多久送多久，劃算不套路！

創(chuàng)新互聯(lián)一直秉承“誠(chéng)信做人，踏實(shí)做事”的原則，不欺瞞客戶，是我們最起碼的底線！ 以服務(wù)為基礎(chǔ)，以質(zhì)量求生存，以技術(shù)求發(fā)展，成交一個(gè)客戶多一個(gè)朋友！為您提供成都做網(wǎng)站、網(wǎng)站制作、成都網(wǎng)頁(yè)設(shè)計(jì)、成都小程序開(kāi)發(fā)、成都網(wǎng)站開(kāi)發(fā)、成都網(wǎng)站制作、成都軟件開(kāi)發(fā)、成都App制作是成都本地專業(yè)的網(wǎng)站建設(shè)和網(wǎng)站設(shè)計(jì)公司，等你一起來(lái)見(jiàn)證！

這篇文章將為大家詳細(xì)講解有關(guān)在Vue中使localStorage具有響應(yīng)式的方法，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

響應(yīng)式是Vue.js的大特色之一。如果你不知道幕后情況，它也是最神秘的地方之一。例如，為什么它不能用于對(duì)象和數(shù)組，而不能用于諸如 localStorage 之類的其他東西

讓我們回答這個(gè)問(wèn)題，在解決這個(gè)問(wèn)題時(shí)，讓Vue響應(yīng)式與 localStorage 一起使用。

如果運(yùn)行以下代碼，則會(huì)看到計(jì)數(shù)器顯示為靜態(tài)值，并且不會(huì)像我們期望的那樣發(fā)生變化，這是因?yàn)閟etInterval在 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' }}
 
 
` 
}); 

網(wǎng)站名稱：在Vue中使localStorage具有響應(yīng)式的方法-創(chuàng)新互聯(lián)
URL分享：http://weahome.cn/article/djcsgj.html