在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()
    }
  }