<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>简单模拟vue检测数据变化</title>
</head>
<!--这样就能在给a.name赋值时自动触发set里的代码执行了-->
<body>
<script>
let a = {
name: '张三',
age: 18
};
let b = {
};
Object.defineProperty(a, 'name', {
get() {
console.log('获取name属性');
return b.name;
},
set(val) {
// 与C# 属性相同功能
console.log('设置name属性');
b.name = val;
}
})
</script>
</body>
</html>
文章评论