有很多同學把雙向繫結就等同於響應式 ， 其實是不對 的。
在這裡我們分析 一下 二者的區別：
響應式：
響應式 單身的 （資料流向檢視）
它是通過 object.defineproperty（）實現的
特別要指出的是 ， option.data 中的選項都會被響應式，都會有乙個觀察者目標（dep）例項 ， 但不是所有的選項都能被收集響應式 依賴，只有當你getter 才會去收集選項依賴， setter時 ， 派發依賴更新， 實際上為通知當前渲染watcher更新檢視。
雙向繫結（v-model）
v-model 是雙向的
編譯階段 ，v-model 被當做普通的指令解析到 el.directives中
v-model 實際上會新增
addprop(el, 『value』,($))
addhandler(el, event, code, null, true)
關鍵**
相當於
v-bind:value=
"message"
v-on:input=
"message=$event.target.value"
>
特別要指出的是，
v-model
和
v-bind:value=
"message"
v-on:input=
"message=$event.target.value"
>
composition api繫結的事件不同
vue深入響應式原理及雙向繫結原理
深入響應式原理 當檢視模型 vm 中的資料模型 m 發生改變時，檢視 v 就會進行更新 vue通過watcher將data中的屬性全部使用object.definepropery程式設計getter和setter,當屬性值發生 改變的時候，就會觸發，然後wather就會觸發，告訴檢視 v 進行重新渲...
簡單資料響應式原理（資料雙向繫結）
即資料雙向繫結，改變model時，view自動更新。改變view時，model也會自動更新。在vue2.x版本中，利用object.defineproperty 重新定義物件獲取屬性值 get 和設定屬性值的操作實現資料響應。在vue3.0版本中，採用es6的proxy物件來實現。根據上圖實現整體的...
vue之響應式屬性和資料雙向繫結
v model的原理 特別說明 1.傳統方式新增的屬性，所有屬性特性預設為true 2.通過object.defineproperty 新增的屬性，所有屬性特性預設為false 引數 引數1 目標物件 引數2 目標物件的屬性 引數3 對屬性的修飾 可寫啊，還是設定為不可列舉等！1 值屬性 let x...