数据变化反映到视图的本质是操作DOM

- 1 命令式操作 m -> v

let data = { name:'柴老师'}

将 数据转换成响应式的

那么怎么通过数据驱动视图？

答案：是在set函数中去操作dom元素

设置到dom内部，实现了数据的变化 反映到视图中去

注意： set函数的执行不会自动判断两次修改的值是否相等 如果相等不应该执行变化的逻辑

 这里就会暴露出一个问题。值相同时 set函数也会调用

所以手动给它加上一个 判断逻辑 if(newvalue = value) { return } else{逻辑代码}

2.声明式指令版本实现

实现指令的核心:不管是指令也好还是插值表达式也好，他们都是数据和视图之间建立关联的'标识

所以本质就是通过一定的手段找到符合标识的dom元素 然后把数据放上去 每当数据发生变化重新执行一遍放置数据的操作

实现步骤

1.通过标识查找把数据放到对应的dom上 显示出来

这里记录一下

vue2在组件中写了v-model之后，相当于 1.默认绑定名称为value的自定义属性，2.默认绑定名称为

input的自定义事件