在b站听《辛巴的2020年Vue全套教程》想着听完课记录一下学习笔记方便自己复习~
计算属性
- 更偏向于 计算，是指由于vue不推荐在{{}}中执行js 代码，把代码放到计算属性中去
- 是对于已经有的值的加工，会创建一个新的变量
- 场景 还有 订单总价 = 数量乘以单价
computed:{
fullName: function () {
return this.firstName + ' ' + this.lastName
}
}
- 比如fullName 就是由已有变量 firstName+lastName 拼接而来 用来代替
<div>{{this.firstName + ' ' + this.lastName}}</div>
这种写法
侦听器
- 更偏向于侦听 ，侦听已有值变化之后做出改变
- 不会创建一个新的变量
- 常用语点击之后，修改值，再重新请求。我们就把重新请求的部分放到侦听器之中
- 场景 还有购物数量限制加减最大最小值
watch: {
acitveCityIndex: function (new,old) {
this.getList()
}
}
