Vue系列課程一

2022-06-17 14:00:12 字數 1050 閱讀 5821

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 clinpm 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看到的...