在b站聽(tīng)《辛巴的2020年Vue全套教程》想著聽(tīng)完課記錄一下學(xué)習(xí)筆記方便自己復(fù)習(xí)~

計(jì)算屬性

• 更偏向于 計(jì)算，是指由于vue不推薦在{{}}中執(zhí)行js 代碼，把代碼放到計(jì)算屬性中去
• 是對(duì)于已經(jīng)有的值的加工，會(huì)創(chuàng)建一個(gè)新的變量
• 場(chǎng)景 還有 訂單總價(jià) = 數(shù)量乘以單價(jià)

computed:{
    fullName: function () {
          return this.firstName + ' ' + this.lastName
    }
}

• 比如fullName 就是由已有變量 firstName+lastName 拼接而來(lái) 用來(lái)代替

<div>{{this.firstName + ' ' + this.lastName}}</div>

這種寫(xiě)法

偵聽(tīng)器

• 更偏向于偵聽(tīng) ，偵聽(tīng)已有值變化之后做出改變
• 不會(huì)創(chuàng)建一個(gè)新的變量
• 常用語(yǔ)點(diǎn)擊之后，修改值，再重新請(qǐng)求。我們就把重新請(qǐng)求的部分放到偵聽(tīng)器之中
• 場(chǎng)景 還有購(gòu)物數(shù)量限制加減最大最小值

watch: {
    acitveCityIndex: function (new,old) {
         this.getList()
    }
  }