数据代理和数据绑定

新添数据用Object.defineProperty (   )

注意：可以新增数据，但新增的数据不能被遍历不能被修改

属性：

        enumerable: true, // 控制属性是否可以遍历

         writable: true, // 控制属性是否可以被修改

         configurable: true //控制属性是否被删除

<script>
    let bb = 18
    let aa = {
        name: '张三',
        sex: '男',
        age: bb
    }
 
    Object.defineProperty(aa, 'age', { //可以新增数据，但新增的数据不能被遍历不能被修改
        // value: 18,
        // enumerable: true, // 控制属性是否可以遍历
        // writable: true, // 控制属性是否可以被修改 
        // configurable: true //控制属性是否被删除
    })
    console.log(aa);
    console.log(Object.keys(aa)); //Ojbect.keys()可以遍历数据
</script>
数据绑定：

     1.单项绑定：(v-bind):数据只能从data流向数据

    2.双向绑定：(v-model):数据不进能从data流向容器(页面),还可以从容器(页面)流向data.

div class="root">
        单项数据绑定： <input type="text" :value="zxc.name">
        <br/> 双项数据绑定：
        <input type="text" v-model:value="zxc.name">
    </div>
    <div class="root">
        <h1>你好，{{name}}</h1>
    </div>