Vue、angular等框架实现双向绑定的原理，核心机制是使用了Object.defineProperty

<div id="name"></div>

var obj = {};

Object.defineProperty(obj, "name", {set: newVal => (document.querySelector("#name").innerHTML = newVal)});

obj.name = "修改后，内容会实时渲染";//在console选项卡里面改变obj.name也会导致实时渲染