首页 > 其他分享 >Vue技术6.1回顾Object.defineproperty方法

Vue技术6.1回顾Object.defineproperty方法

时间:2022-12-27 13:07:04浏览次数:42  
标签:Vue console log age Object value person 6.1


<!DOCTYPE html>
<html>
<head>
<mata charset="UTF-8" />
<title>回顾Object.defineproperty方法</title>
</head>
<body>
<script type="text/javascript">
let number = 20
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:function(){
console.log('有人读取age属性了')
return number
},
set(value){
console.log('有人修改了age属性,且值是',value)
number = value
}
})
// console.log(Object.keys(person))
console.log(person)
</script>
</body>
</html>


标签:Vue,console,log,age,Object,value,person,6.1
From: https://blog.51cto.com/u_15923796/5972655

相关文章

  • Vue技术6.2何为数据代理
    <!DOCTYPEhtml>><html><head><matacharset="UTF-8"/><title>何为数据代理</title></head><body><!--数据代理:通过一个对象代理对......
  • Vue技术7.2事件修饰符
    <!DOCTYPEhtml>><html><head><mattacharset="UTF-8"/><title>事件修饰符</title><!--引入Vue--><scripttype="text/javascript"......
  • Vue技术8.2姓名案例_methods实现
    <!DOCTYPEhtml>><html><head><metacharset="UTF-8"/><title>姓名案例_methods实现</title><!--引入Vue--><scripttype="text/ja......
  • Vue技术8.2姓名案例_methods实现
    <!DOCTYPEhtml>><html><head><metacharset="UTF-8"/><title>姓名案例_methods实现</title><!--引入Vue--><scripttype="text/ja......
  • vue3_05使用reactive来处理复杂数据
    vue3中除了提供了ref函数以为还提供了reactive函数来操作数据,一般情况下我们使用ref函数来操作简单类型数据,reactive函数来操作复杂类型数据<template><div>{{objRet.na......
  • vue3_03ref操作复杂类型
    ref也可以将复杂类型的数据转换为响应式数据,使用方法和处理简单类型数据一样leta=ref(复杂类型数据)a.value.xxx<template><p>{{objref.num}}</p><button@c......
  • vue3_04ref获取标签
    ref也可以用来获取dom节点分为三步:1.给节点绑定ref='xxx'2.letxxx=ref()3.在挂载之后直接使用即可<template><divref="op">24</div><p>{{num}}</p>......
  • vue3中使用vuex
    一、使用习惯1(模块化):1、文件目录:2、userStore.tsimport{Module}from'vuex';//import{setStorage,getStorage}from"../../util/common";exportdefault{......
  • vue3_02ref操作简单类型
    vue3中提供了ref()函数可以把数据转换为响应式数据。<template><div>{{num}}</div><button@click="add">这是按钮</button></template><sc......
  • 做iOS开发我为什么弃用Objective-C而选择RubyMotion?
    HendrikMans是德国汉堡市的一名程序员,他从事iOS开发已有很长一段时间了,起初他一直使用Objective-C语言进行编程而忽视了RubyMotion。从前他认为 ​​RubyMotion​​只是......