Vue技术——Object.defineProperty

Object.defineProperty 给对象添加属性

<script>
let number = 18
let person = {
	name:"张三",
	sex:"男"
}
Object.defineProperty(person,'age',{
	//value:18,
	//enumerable:true, //控制属性是否可以枚举，默认值是false
	//writable:true, //控制属性是否可以被修改，默认值是false
	//configurable:true, //控制属性是否可以被删除，默认是false
	
	//当有人读取person的age属性时，get函数（getter）就会被调用，且返回值就是age的值
	get(){
		console.log("有人读取age属性了")
		return number
	},
	//当有人修改person的age属性时，set函数（setter）就会被调用，且会收到修改的具体值
	set(value){
		console.log("有人修改了age属性",value)
		number = value
	}
})
</script>