【无标题】

本文介绍了Vue.js中计算属性的概念,包括其语法格式(使用computed配置项)、如何通过getter和setter方法工作,以及计算属性在代码复用、维护和性能提升方面的作用。着重强调了计算属性在数据变化时自动更新的特性。
摘要由CSDN通过智能技术生成
计算属性:
1.什么是计算属性?
	使用vue的原有属性,经过一系列的运算/计算,最终得到了一个全新的属性,叫做计算属性。vue的原有属性:data对象当中的属性可以叫做Vue的原有属性。
	全新的属性:表示生成了一个新的属性,和data中的属性无关了,新的属性也有自己的属性名和属性值。
2.计算属性怎么用?
	语法格式:需要一个新的配置项computed
	computed : {
		//这是一个计算属性
		计算属性1{
		//setter 和 getter 方法。
		//当读取计算属性1的值的时候。getter方法被自动调用。
		get(){
		},
		//当修改计算属性1的值的时候,setter方法被自动调用。
		set(val){
		}
	},
	//这是另一个计算属性
	计算属性2 : {},
}

3.计算属性的作用?
	代码得到了复用
	代码更加便于维护
	代码的执行效率更高了。

get()方法调用时机包括两个:
第一个时机:第一次访问这个属性的时候。
第二个时机:该计算属性所关联的Vue原有属性的值发生改变的时候,getter方法会被重新调用一次。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值