首頁 >web前端 >js教程 >怎麼關閉Vue計算屬性的快取功能

怎麼關閉Vue計算屬性的快取功能

php中世界最好的语言
php中世界最好的语言原創
2018-04-12 13:53:101378瀏覽

這次帶給大家怎麼關閉Vue計算屬性快取功能,關閉Vue運算屬性快取功能的注意事項有哪些,下面就是實戰案例,一起來看一下。

使用Vue的小夥伴都會知道,vue的計算屬性。這個是這個樣子解釋的,當某些依賴值改變的時候,其自身的值也會發生變化,與之先關的DOM也會發生變化,通常呢,這個計算屬性裡面都會有兩個方法: get和set可以使用。

這裡我只分析一下,如何關閉計算屬性的緩存,取得最新數據,如下實例:

HTML程式碼

<p id="mess">
    <p>{{exapm}}</p>
  </p>

# JS程式碼:

 var vue2 = new Vue({
    el:"#mess",
    data:{
      sendmess:" i dhsjknkjvnkrenvr"
    },
  computed:{
    exapm:{
      cache:false,
      get:function(){
        return Date.now()+this.sendmess
      }
    }
    }
  });

我們需要把cache設定成false,這樣就清除了緩存,每次我們的時間都是當前時間。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

實作檔案上傳的AjaxUpLoad.js

Vue的輪播元件怎麼使用

#

以上是怎麼關閉Vue計算屬性的快取功能的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn