Vue是如何實現(xiàn)雙向數(shù)據(jù)綁定的？數(shù)據(jù)與視圖的綁定與同步，最終體現(xiàn)在對數(shù)據(jù)的讀寫處理過程中，也就是 Object.defineProperty() 定義的數(shù)據(jù) set、get 函數(shù)中。Vue 中對于的函

Vue是如何實現(xiàn)雙向數(shù)據(jù)綁定的？

數(shù)據(jù)與視圖的綁定與同步，最終體現(xiàn)在對數(shù)據(jù)的讀寫處理過程中，也就是 Object.defineProperty() 定義的數(shù)據(jù) set、get 函數(shù)中。Vue 中對于的函數(shù)為 defineReactive，在精簡版實現(xiàn)中，我只保留了一些基本特性：

function defineReactive(obj， key， value) {

var dep = new Dep()

Object.defineProperty(obj， key， {

enumerable: true，

configurable: true，

get: function reactiveGetter() {

if (Dep.target) {

dep.depend()

}

return value

}，

set: function reactiveSetter(newVal) {

if (value === newVal) {

return

} else {

value = newVal

dep.notify()

}

}

})

}

在對數(shù)據(jù)進行讀取時，如果當前有 Watcher（對數(shù)據(jù)的觀察者吧，watcher 會負責將獲取的新數(shù)據(jù)發(fā)送給視圖），那將該 Watcher 綁定到當前的數(shù)據(jù)上（dep.depend()，dep 關聯(lián)當前數(shù)據(jù)和所有的 watcher 的依賴關系），是一個檢查并記錄依賴的過程。而在對數(shù)據(jù)進行賦值時，如果數(shù)據(jù)發(fā)生改變，則通知所有的 watcher（借助 dep.notify()）。這樣，即便是我們手動改變了數(shù)據(jù)，框架也能夠自動將數(shù)據(jù)同步到視圖。

Vue動態(tài)生成的input怎么實現(xiàn)數(shù)據(jù)雙向綁定？

你可以用渲染的時候讓 h 這種動態(tài)生成的方法來加上this.my_variables 下面是例子或者使用$refs，給你的input一個id，然后獲取到以后，用compute好的值給他賦值；renderHeader: (h)=>{return h("div"，[h("strong"，"序號")，h("Icon"，{props:{type: this.my_variables}，style: {marginLeft: "5px"}})])}，我也是在學習，希望能有所幫助

只有我一個人感覺Layui和Vue差別不大嗎？

layui基于jquery，當然很多地方也是直接操作josn數(shù)據(jù)，綁定數(shù)據(jù)直接顯示，vue底層是操作虛擬dom，實現(xiàn)數(shù)據(jù)綁定，其實開發(fā)者不用關心，寫法vue還需要在dom指定位置上綁定data，甚至要做一些邏輯，比如v-if等，layui其實是已經(jīng)封裝好的方法直接調(diào)用。

vue有個最大的問題是，如果頁面很復雜，dom，data，method這三者因為不在一個地方，找起來要人命，當然vue3解決了，可以把所有邏輯寫一個function，我個人還是覺得簡單的頁面用vue，復雜的業(yè)務邏輯多的用jquery