vue是一套用於構建使用者介面的漸進式框架,與其他的框架不同,vue的設計自底而上逐層應用。
框架分層設計,每層都可選,不同的層都可以靈活的接入其他的方案更便捷的協作。 乙個乙個的放入,放入多少就做多少。
mvc設計模式的引入
模型層(model):
controller層:主要功能是處理使用者的請求
使用者對view操作以後,view會把處理的權利交移給controller;
controller會對來自view資料進行預處理、決定呼叫哪個model的介面;
然後由model執行相關的業務邏輯(資料請求);
當model變更了以後,會通過觀察者模式(observer pattern)通知view;
view通過觀察者模式收到model變更的訊息以後,會向model請求最新的資料,然後重新更新介面。
前後端的分手大師-mvvm
核心是 viewmodel 層,它就像是乙個中轉站,負責轉換 model 中的資料物件來讓資料變得更容易管理和使用,
該層向上與檢視層進行雙向資料繫結,
向下與 model 層通過介面請求進行資料互動,起呈上啟下作用。
舉個栗子:
view層
click me
vm層 data: , // 存放基於 model 層資料的二次封裝資料
},methods:
},created()
});}
})服務端的 model 層(省略業務邏輯處理,只描述對外介面):
}
命令列工具vue cli
npm install -g @vue/cli
vue系列課程5 事件監聽v on
事件修飾符 鍵盤事件 class list v on click num 1 按鈕button p div section template export default script v on click handlerclick 按鈕button section template export ...
微軟Data Scientist 課程系列一
第一部分 course introduction.主要 了幾個問題。1.你為什麼想成為乙個data scientist?2.data scientist主要做什麼?3.什麼樣的人能成為乙個成功的data scientist?4.data scientist 需要什麼技術?5.資深微軟data sci...
vue系列課程3 條件渲染
單一檢視 v if show 我是if為true看到的p v else 我是if為false看到的p div template export default script 多檢視 v if show 我是if為true看到的span 哈哈哈a 是span p v else 我是if為false看到的...