vue.js總結---(1)mvvm開發思想

1、主要關注:視圖層分離,把前端視圖層分爲三個部分Model(頁面中需要用到的數據),View(頁面中的HTML結構),ViewModel(中間的調度者,提供了雙向數據綁定的概念)
總結:爲什麼有了MVC還要有MVVM
MVC是後端開發思想,並沒有明確定義前端頁面如何開發;MVVM是前端的頁面開發思想,把每個頁面分成三部分,同時VM作爲MVVM的核心,提供了雙向數據綁定的概念,前端不需要手動渲染頁面,而且,頁面數據發送變化,也不需要手動把數據的變化同步到Model中;這所有的操作都是VM自動完成的
2、代碼結構
①導入Vue腳本文件;
②在頁面body區域添加一個div,這個div將來要被Vue控制;
③創建Vue實例對象
const app=new Vue({
el:’#app’,//要控制的區域
data:{//被控制區域中要用到的數據
msg;’’
}
})

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章