计算属性computed

计算属性computed用于当多个值变化影响一个结果,其结果被缓存,依赖响应式属性变化时才重新计算。它具有属性调用方式和缓存特性,能监控对象。相比之下,methods是函数调用,无缓存。监视属性watch则在单个值变化影响多个结果时使用,如监听特定数据变化执行业务逻辑,可监控对象,但性能相对较低,适用于数据变化时执行异步操作。
摘要由CSDN通过智能技术生成

计算属性 computed

computed(多个值变化,影响到一个结果) 属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算。他是函数主要当作属性来使用,逻辑简单。

computed是属性调用,而methods是函数调用
computed带有缓存功能,而methods不是
computed可以监控对象,而methods不是

computed:{//前面的数值变化影响到结果---》get
			'fullname':function(){
					return this.firstname+this.lastname;
			}
				fullname(){
					return this.firstname+this.lastname;
				}
			}
       

       fullname:{ //双向数值修改(前面变化影响到后面,后面变化影响到前面)  get+set
					get:function(){
						return this.firstname+"-"+this.lastname;
					},
					set:function(newval){
						//console.log(newval);
						var arr=newval.split('-');
						//console.log(arr);
						this.firstname=arr[0];
						this.lastname=arr[1];
					}
				}

监视属性 watch

watch(一个值变化,影响到多个结果改变)一个对象,键是需要观察的表达式,值是对应回调函数

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值