首頁  >  文章  >  web前端  >  怎麼禁止vue計算屬性自帶的快取功能

怎麼禁止vue計算屬性自帶的快取功能

php中世界最好的语言
php中世界最好的语言原創
2018-03-27 17:26:011707瀏覽

這次帶給大家怎麼禁止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
      }
    }
    }
  });

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

推薦閱讀:

jQuery怎麼實現左右滑動的toggle

在Vuejs裡利用index對第一項添加class的方法

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

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