這次帶給大家怎麼關閉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中文網其它相關文章!
推薦閱讀:
#以上是怎麼關閉Vue計算屬性的快取功能的詳細內容。更多資訊請關注PHP中文網其他相關文章!