本篇內(nèi)容主要講解“Vue中計算屬性和偵聽器怎么使用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“Vue中計算屬性和偵聽器怎么使用”吧!

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),婺城企業(yè)網(wǎng)站建設(shè),婺城品牌網(wǎng)站建設(shè),網(wǎng)站定制,婺城網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,婺城網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

在Vue中通常我們會在模板綁定表達式，模板是用來描述視圖結(jié)構(gòu)的。如果模板中的表達式存在過多的邏輯性語句，那么整個模板就會變得特別的臃腫，可讀性和維護性將會降低，因此為了簡化邏輯，我們會使用計算屬性

基本用法：

computed:{
A:function(){
return B+C
}
}

如果學(xué)過面向?qū)ο笳Z言，應(yīng)該知道面向?qū)ο蟮臉?biāo)準(zhǔn)之一封裝，需要getter也需要setter，而上面的寫法，實際上只寫了getter而沒有寫setter

那么我們就可以換種寫法

computed:{
A:{
get:function(){
return B+C
}
set:function(newVal){
var names=newVal.splir(' ')
this.B=names[0]
this.C=names[1]
}
}
}

這樣寫就明了很多了

這個時候，可能會奇怪，似乎計算屬性能做的用方法來也可以做

也就是

methods: {
  A: function () {
    return B+C
  }
}

實際上，計算屬性是基于他們的響應(yīng)式依賴進行緩存的，而方法不存在緩存

而計算屬性的緩存也有它的壞處，當(dāng)重復(fù)調(diào)用時，就會發(fā)生一些多余的步驟，導(dǎo)致大量不必要的運算

這時候就需要

cache：false

關(guān)閉緩存

再來看他的緩存方式，計算屬性是具有依賴性的，依賴data中的數(shù)據(jù)，如果數(shù)據(jù)改變，相應(yīng)的就會改變，這就要說到另外一個東西：偵聽器
什么是偵聽器呢？偵聽器用來偵聽數(shù)據(jù)的變化，如果數(shù)據(jù)發(fā)生變化就會觸發(fā)綁定的方法
偵聽器又有自己的應(yīng)用場景：數(shù)據(jù)變化執(zhí)行時異步或開銷比較大的操作
基本使用：

watch:{
firstN:function(val){
this.A=val+this.C
}
}

偵聽器，相比于計算屬性來說，是很容易重復(fù)的，所以Vue也建議，通常更好的做法是使用計算屬性而不是watch

到此，相信大家對“Vue中計算屬性和偵聽器怎么使用”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

網(wǎng)站標(biāo)題：Vue中計算屬性和偵聽器怎么使用-創(chuàng)新互聯(lián)
路徑分享：http://www.chinadenli.net/article32/dcjjpc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、網(wǎng)站維護、網(wǎng)站內(nèi)鏈、商城網(wǎng)站、微信公眾號

廣告

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