Vue數據響應式 與 雙向數據綁定


數據響應式(單向:將數據填充到頁面)

 

 自己理解:數據響應式:script中的數據驅動html的內容發生改變,不需要去操作DOM(用指令與插值表達式進行數據綁定時默認就是響應式的,也就是在改數據的時候,頁面內容會自己發生變化)

自己理解v-once:  因為Vue代碼是需要經過Vue框架編譯才能被瀏覽器認識的,v-once使vue代碼只編譯一次,顯示內容后不再編譯也就不再具有響應式功能(就是只編譯一次,改數據不會導致內容改變)
應用場景:如果顯示的信息后續不用再修改,可以加v-once,這樣可以提高性能,因為如果這個數據是響應式的,Vue就要監聽這個這個數據是否發生變化。如果數據不用再改變就沒有必要一直是響應式的,所以加上v-once就可以讓Vue不在監聽。

 

 

雙向數據綁定

主要體現在用戶輸入域:
用戶輸入域影響數據的改變,數據改變又影響頁面內容的變化

 

雙向數據綁定有一個重要概念與其相關:MVVM設計思想(把不同功能的代碼放在不同模塊,通過特定的方式建立關聯,意思就是把數據和視圖(本質上是document)分開寫,通過VM鏈接)
M :model (就是data中的數據)
V  :view (視圖,也就是我們寫的模板,本質上是document)
VM :View-model(中介:提供控制邏輯將V與M結合在一起)
從V--到--M用的是事件監聽:
可以看到DOM改變會有事件監聽,所以說v-model這個指令的底層用到了事件監聽,只是看不到。
從M--到--V用的是數據綁定:
就是把data中的數據填充到頁面,也就是所說的數據響應式

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM