data屬性不是響應(yīng)式的，所以不能寫成
data:{counter:0, result:this.counter>5?Greate 5 : Small5 },而應(yīng)該寫成

然后在html調(diào)用：

現(xiàn)在在增加按鈕和secondCounter時(shí)：

那么這個(gè)result()方法會(huì)在每次更新頁(yè)面的時(shí)候都執(zhí)行一次，Vue會(huì)在每次需要更新的時(shí)候更新一次頁(yè)面，比如則個(gè)secondCounder的狀態(tài)改變的時(shí)候，就需要更新頁(yè)面，Vue不知道result()函數(shù)是否執(zhí)行了，也不知道result()函數(shù)是否用到改變了的屬性，所以Vue不知道secondCounter的變化是否會(huì)影響result()函數(shù)，所以它也重復(fù)執(zhí)行了result()函數(shù)
在這種情況下，可以用一個(gè)新的全局Vue對(duì)象上的屬性，Computed（計(jì)算屬性）

成都創(chuàng)新互聯(lián)主要業(yè)務(wù)有網(wǎng)站營(yíng)銷策劃、網(wǎng)站建設(shè)、做網(wǎng)站、微信公眾號(hào)開發(fā)、小程序設(shè)計(jì)、成都h5網(wǎng)站建設(shè)、程序開發(fā)等業(yè)務(wù)。一次合作終身朋友，是我們奉行的宗旨；我們不僅僅把客戶當(dāng)客戶，還把客戶視為我們的合作伙伴，在開展業(yè)務(wù)的過(guò)程中，公司還積累了豐富的行業(yè)經(jīng)驗(yàn)、全網(wǎng)整合營(yíng)銷推廣資源和合作伙伴關(guān)系資源，并逐漸建立起規(guī)范的客戶服務(wù)和保障體系。 

點(diǎn)擊increase時(shí)，output和result都被執(zhí)行了，因?yàn)槲腋淖兞薱ounter的屬性值，然后輸出了computed里的依賴，counter的output屬性，依賴counter的屬性就被刷新了。即result()函數(shù)被執(zhí)行了。
當(dāng)我點(diǎn)擊increaseSecond，它只會(huì)增加secondCounter的值，
computed的output沒有用到這個(gè)屬性，如果我點(diǎn)擊increaseSecond，就只能看到綁定了的方法，computed不會(huì)被執(zhí)行，
因?yàn)閂ue不會(huì)注意到其中的屬性是什么，這里只有computed的屬性，

著就是我們?cè)邳c(diǎn)擊increaseSecond,按鈕時(shí)沒有看到Computed的原因，
這就是當(dāng)我們處理依賴性屬性時(shí)，怎么使用computed屬性的方法。

因?yàn)閂ue會(huì)緩存結(jié)果，所以只在需重寫計(jì)算屬性時(shí)，才重寫計(jì)算，所以只有當(dāng)呢不需要緩存結(jié)果時(shí)，才用到result()這種函數(shù)的形式，也就是你下每次DOM更新時(shí)，都重寫計(jì)算result，因?yàn)橛謺r(shí)候，可能情況就需要這樣。
比如，你更新的是不再調(diào)用的函數(shù)中的屬性。

總結(jié)：data中定義多個(gè)屬性counter1 ，conter2, conter3 ，counter4，通過(guò)4按鈕分別改變對(duì)應(yīng)的counter值，methods中設(shè)置多個(gè)函數(shù)，result1調(diào)用counter1, result2調(diào)用counter2,result3調(diào)用counter3，在computed中設(shè)置方法output，output調(diào)用counter4。然后再P標(biāo)簽中調(diào)用result1，result2，result3，output。點(diǎn)擊按鈕1，result1，result2，result3都會(huì)被執(zhí)行，點(diǎn)擊按鈕2，按鈕3也一樣，但是點(diǎn)擊按鈕4時(shí)，result1，result2，result3，output都會(huì)被執(zhí)行。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

新聞標(biāo)題：用計(jì)算屬性來(lái)響應(yīng)改變-創(chuàng)新互聯(lián)
分享路徑：http://www.aaarwkj.com/article42/gcehc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站建設(shè)、App開發(fā)、Google、小程序開發(fā)、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)