數據響應式(單向:將數據填充到頁面)
自己理解:數據響應式: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中的數據填充到頁面,也就是所說的數據響應式