单向绑定: v-bind:
<input type="text" v-bind:value="value">
双向绑定:
<input type="text" v-model:value="tvalue">
双向数据绑定原理:
双向数据绑定是通过数据劫持结合发布者订阅者的模式
通过object.defineproprety()来劫持各个属性的setter和getter
如果数据有变动 就发布消息给订阅者触发监听
双向绑定:通过 v-model 来控制input框值,如果
v-model:value='sum'
绑定了data中sum数据, 则修改input框 也会修改data里面的sum数据如果datasum数据有变动 就会触发监听 重新渲染
单向绑定:通过 v-bind 来绑定value属性 ,如果
v-bind:value='sum'
绑定了data中sum数据,如果data sum数据有变动 就会触发监听 重新渲染