Object.defineProperty()方法的使用
    js 对象设置值的原理是调用了Object的defineProperty方法。
    当取值的时候调用get方法
    当设置值的时候调用set方法

    1. data={}
    2. Object.defineProperty(data,'name'){
    3. //当访问 data.name的时候调用
    4. get(){
    5. },
    6. //当访问 data.name = ''或者 data['name']=''的时候调用
    7. set(newValue){
    8. }
    9. }

    image.png
    Object,keys(data)获得一个数组,所以可以用forEach继续遍历
    给对象的多个属性进行实现动态绑定数据
    image.png
    将数据显示到dom上,通过上述操作可以截取数据的改变,通过以下操作可以将改变的数据时事的展示到dom上,实现动态改变数据的效果。
    通过方法 document.querySelector(‘’).innerText 将更新的数据设置到dom元素上。
    image.png