辛巴的2020年Vue全套教程 学习笔记P3 计算属性和侦听器

在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()
    }
  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容