国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

javascript - Vue 的依賴追蹤屬于單向數據綁定還是雙向綁定?

瀏覽:101日期:2023-03-11 09:54:45

問題描述

官網文檔中提到過,Vue 的 v-model 指令實現了數據的雙向綁定

https://vuejs.org/v2/guide/fo...

但是實際開發中,組件的數據流是單向的,子組件修改父組件 props 是不被推薦的做法。

所以問題是,Vue 的依賴追蹤是【在原理上支持雙向綁定,但只是為了開發上的便利而建議采用單向數據流】,還是【原理上不支持雙向綁定,v-model 只是通過監聽 DOM 事件實現的語法糖】呢?

問題解答

回答1:

Vue 的依賴追蹤是【原理上不支持雙向綁定,v-model 只是通過監聽 DOM 事件實現的語法糖】

vue的依賴追蹤是通過 Object.defineProperty 把data對象的屬性全部轉為 getter/setter來實現的;當改變數據的某個屬性值時,會觸發set函數,獲取該屬性值的時候會觸發get函數,通過這個特性來實現改變數據時改變視圖;也就是說只有當數據改變時才會觸發視圖的改變,反過來在操作視圖時,只能通過DOM事件來改變數據,再由此來改變視圖,以此來實現雙向綁定

大致過程如下

//data var obj = {’message’:’hello’ } //vm var val = obj.message Object.defineProperty(obj,’message’,{get(){ return val},set(value){ val = value updataView()} }) function updataView(){box.innerHTML = obj.message //觸發get } // init updataView() textIpt.oninput = function(){obj.message = this.value //觸發set }

雙向綁定是在同一個組件內,將數據和視圖綁定起來,和父子組件之間的通信并無什么關聯;組件之間的通信采用單向數據流是為了組件間更好的解耦,在開發中可能有多個子組件依賴于父組件的某個數據,假如子組件可以修改父組件數據的話,一個子組件變化會引發所有依賴這個數據的子組件發生變化,所以vue不推薦子組件修改父組件的數據,直接修改props會拋出警告

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 男女生性毛片免费观看 | 69国产成人综合久久精品91 | 国产成人亚洲精品久久 | 亚洲国产成人久久一区二区三区 | 日本高清色本免费现在观看 | 国产高清视频免费在线观看 | 国产在线观看精品一区二区三区91 | 亚洲欧美日韩一级特黄在线 | 国产在线一区在线视频 | 日本三级一区二区三区 | 亚洲欧美一级久久精品 | japanesehd国产在线无毒不卡 | 久久久成人啪啪免费网站 | 亚洲国产成人99精品激情在线 | 亚洲欧美日韩综合在线一区二区三区 | ffyybb免费福利视频 | 国产一区二区在线不卡 | 中日韩欧美一级毛片 | 一级毛片免费观看视频 | 国产成人精品久久亚洲高清不卡 | 日本免费一二区视频 | 国产成人精品久久二区二区 | 亚洲日韩精品欧美一区二区 | 日韩制服诱惑 | 怡红院免费va男人的天堂 | 色www永久免费网站国产 | 看真人视频一级毛片 | 一区二区三区四区免费视频 | 韩国一级黄色大片 | 国产精品久久久久a影院 | 欧美曰韩一区二区三区 | 亚洲网视频| 精品一区二区在线观看 | 亚洲精品美女在线观看播放 | 久久99国产亚洲高清观看韩国 | 麻豆传媒一区 | 欧美高清成人 | 日本无遮 | 小明日韩在线看看永久区域 | 国产猛烈无遮掩视频免费网站男女 | 欧美日韩精品一区二区三区视频播放 |