vue 计算属性computed与监听属性watch

有时在工作用用到计算属性和监听属性,可以写少很多行的代码,对开发效率有很大的提高;

计算属性

computed

计算属性时根据实例的数据项计算而来的结果

优点是可以使用缓存,性能高

使用实例,属性fullName是由firstName,lastName计算而来的

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

监听属性

watch

作用就是监听某一个数据发生变化时,就去执行对应的代码

 watch:{
     //方式1
     // firstName: function(){
     //     this.count++;
     // },
     // lastName: function(){
     //     this.count++;
     // }

     //方式2
     fullName: function(){
         this.count++;
         
     }
 }

对比一下上图的两个方式,方式二比方式一省好多代码,简洁。

没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试

关闭