在b站聽《辛巴的2020年Vue全套教程》想著聽完課記錄一下學(xué)習(xí)筆記方便自己復(fù)習(xí)~
計算屬性
- 更偏向于 計算了袁，是指由于vue不推薦在{{}}中執(zhí)行js 代碼躏嚎，把代碼放到計算屬性中去
- 是對于已經(jīng)有的值的加工，會創(chuàng)建一個新的變量
- 場景 還有 訂單總價 = 數(shù)量乘以單價
computed:{
fullName: function () {
return this.firstName + ' ' + this.lastName
}
}
- 比如fullName 就是由已有變量 firstName+lastName 拼接而來 用來代替
<div>{{this.firstName + ' ' + this.lastName}}</div>
這種寫法
偵聽器
- 更偏向于偵聽 ，偵聽已有值變化之后做出改變
- 不會創(chuàng)建一個新的變量
- 常用語點擊之后，修改值鹿霸，再重新請求。我們就把重新請求的部分放到偵聽器之中
- 場景 還有購物數(shù)量限制加減最大最小值
watch: {
acitveCityIndex: function (new,old) {
this.getList()
}
}
