尤大的知乎

有空可以逛逛，嘴砲學習一站購足。
https://www.zhihu.com/people/evanyou

資料來源

先把參考資料放在前頭
小弟只是截取部分精華放入自己的slides中

尤大在Laravel x Vue Taiwan 2023上的keynote
重新发明 Vue：经验和教训 (Laravel x Vue Taiwan 2023)

也參考蠻多kuro大的
重新認識 Vue.js | Kuro Hsu

Vue、MVVM、MVC、雙向綁定

六角學院

輕鬆vue就好 1

Vue 簡介

什麼是 MVVM ?

MVVM 是 Model-View-ViewModel 的簡寫。即 模型 -視圖 -視圖模型。

模型 是後端傳遞的數據。
視圖 是所看到的頁面。
視圖模型 是 MVVM 的核⼼，它是連接view和model的橋樑。

![[Pasted image 20230916172800.png|400]]

vue 在當中扮演ViewModel的角色

Vue 漸進式框架

vue 漸進式框架，什麼是漸進式？

漸進式者的就是: 想要用哪部分都可以自行決定。有點像是你買一個可拆式工具箱，可以依照自己的需求選擇工具。假使我們專案不需要用到Vue-router，便可以不需要全部載入，可以僅使用core即可

Vue 的其他特點

1. 關注點分離，意思就是Vue只關注畫面與資料的變化，我們不用手動更新操作DOM元素。（雙向綁定）
2. 操作物件模型為主的開發模式（就是操作資料）
3. 模板語法
4. 元件化

Vue 響應式特性 (Reactive)

當數據變更時，VUE會幫你更新所有網頁中⽤到它的地⽅。

通過Object.defineProperty()來劫持各個属性的setter、getter，在數據變動時發布消息出去，再觸發相應的監聽。