wordpress didiao好口碑关键词优化
1.vue 双向数据绑定是通过 数据劫持 结合 发布订阅模式的方式来实现的, 也就是说数据和视图同步,数据发生变化,视图跟着变化,视图变化,数据也随之发生改变;
2.核心:关于VUE双向数据绑定,其核心是 Object.defineProperty()方法;
3.介绍一下Object.defineProperty()方法
(1)Object.defineProperty(obj, prop, descriptor) ,这个语法内有三个参数,分别为 obj (要定义其上属性的对象) prop (要定义或修改的属性) descriptor (具体的改变方法)
(2)简单地说,就是用这个方法来定义一个值。当调用时我们使用了它里面的get方法,当我们给这个属性赋值时,又用到了它里面的set方法;
js的双向数据绑定
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head><body><div id="app"><input type="text" id="a"><span id="b"></span></div>
</body>
<script>var obj = {}; //定义一个空对象var val = 'zhao'; //赋予初始值Object.defineProperty(obj, 'val', {//定义要修改对象的属性get: function () {return val;},set: function (newVal) { val = newVal;//定义val等于修改后的内容document.getElementById('a').value = val;//让文本框的内容等于valdocument.getElementById('b').innerHTML = val;//让span的内容等于val}});document.addEventListener('keyup', function (e) {//当在文本框输入内容时让对象里你定义的val等于文本框的值obj.val = e.target.value;})
</script>
</html>