第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue computed緩存問題

vue computed緩存問題

滄海一幻覺 2018-11-20 19:11:38
我看官方文檔上說:computed和methods的區(qū)別是,computed會基于它們的依賴進行緩存,如果數(shù)據(jù)沒法改變則computed刷新時不會重新執(zhí)行,而methods則會每次執(zhí)行。but我寫的例子并不是這樣(寫的是官方的例子)。html:<div id="app">    <div>{{methodsNow()}}</div>    <div>{{computedNow}}</div></div>javascript:new Vue({    el:'#app',    data:{    },    methods:{        methodsNow:function(){            return new Date().toLocaleString();        }    },    computed:{        computedNow:function(){            return new Date().toLocaleString();        }    }});大家來探討一下,我是不是哪里寫錯了?
查看完整描述

2 回答

?
前端小y

TA貢獻2條經(jīng)驗 獲得超0個贊

new Date()不是該vm的響應式數(shù)據(jù),通俗點就是沒有被記錄依賴

查看完整回答
反對 回復 2019-08-07
?
白豬掌柜的

TA貢獻1893條經(jīng)驗 獲得超10個贊

你的例子對于描述二者不同這點上,沒有幫助。給你看這個例子:JSFiddle

<div id="app">

? <!-- 每次點擊時,顯示的時間都不同 -->

? <button @click="showMethod">methodsNow</button>


? <!-- 每次點擊時,顯示的時間都相同 -->

? <button @click="showComputed">computedNow</button>

</div>

new Vue({

? el: '#app',

? data: {

? ? message: 'Hello Vue.js!'

? },

? methods:{

? ? methodsNow: function(){

? ? ? return new Date().toLocaleString();

? ? },

? ? showMethod: function() {

? ? ? ? ?alert(this.methodsNow());

? ? },

? ? showComputed: function() {

? ? ? ? ?alert(this.computedNow);

? ? }

? },

? computed:{

? ? computedNow: function(){

? ? ? return new Date().toLocaleString();

? ? }

? }

})


查看完整回答
反對 回復 2018-12-18
  • 2 回答
  • 0 關注
  • 2871 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號