vue的原理

雙向綁定:
var message="aa"
input.value=message

input.on('change',function(){
message=input.value
})

單項綁定是:
把message的值賦給input.value,然而當input.value的值發生改變的時候,message的值也發生變化,就需要手動監聽事件

然而 vue實現了 使用v-model就能實現改變message的值同時會改變input.value 改變message的值同時改變input.value,這就是vue的雙向綁定

雙向綁定事一種模式

現在的趨勢是單項綁定
為什么呢?
因為雙向綁定太靈活了,如果有100出都雙向綁定了message那么 有一天,出bug了,那么你知道是哪個地方的賦值message出問題了嗎
changeMessage()可以實現知道當 1 mesage綁的時候其他都不要綁 這樣就能知道是哪個message被綁定了,所有人要改,需要通過一個接口改message,然而,這個就是單項綁定,

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內容,還有我對于 Vue 1.0 印象不深的內容。關于...
    云之外閱讀 5,082評論 0 29
  • 下載安裝搭建環境 可以選npm安裝,或者簡單下載一個開發版的vue.js文件 瀏覽器打開加載有vue的文檔時,控制...
    冥冥2017閱讀 6,095評論 0 42
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,991評論 19 139
  • Vue 實例 屬性和方法 每個 Vue 實例都會代理其 data 對象里所有的屬性:var data = { a:...
    云之外閱讀 2,245評論 0 6
  • 1.安裝 可以簡單地在頁面引入Vue.js作為獨立版本,Vue即被注冊為全局變量,可以在頁面使用了。 如果希望搭建...
    Awey閱讀 11,108評論 4 129