vue之计算属性

it2022-05-22  65

计算属性:

1、做用:替代内联表达式对简单布尔值和字符串的操作功能,进行更为复杂的逻辑操作;

      替代watch监听未观察的值得变化,

2、优点:声明式的描述一个值依赖于其他值,当依赖的其他值发生变化时,该值随之改变并更新视图。

使用方法如下:

var vm=new Vue({ el:'#app', data:{ a:1, b:2 }, computed:{ add:function(){ return this.a+this.b } } methods:{ //此方法同上 add:function(){ return this.a+this.b } } })

如上代码,methods也可替代computed,效果是一样的,不同的是computed基于他的依赖缓存,只有相关依赖发生变化的时候才会重新取值,而methods,在重新渲染的时候,才会执行,以此说明,使用computed性能更好。

最后:computed拥有一个默认属性getter,需要的话还可以定义一个setter这两个有什么用呢?

getter:顾名思义就是获取值得方法,   setter:就是设置值的方法,

 

转载于:https://www.cnblogs.com/gutianer/p/7993681.html


最新回复(0)