What's MVVM

MVVM

Model-View View-Model

MVVM

• Model - 服務或資料庫數據的類別
• View - 顯示的介面、展現的資料
• ViewModel - 結合 Model 和 View 以及事件

MVVM

Why MVVM?

對於開發者

• 程式模組化
• 減少介面操作
• 根據不同資料源設計
• 不需要處理 event handler
• 專注在資料與邏輯而非設計

對於設計師

• 專注介面設計與呈現方式
• 透過開發時的資料完善介面
• 不需要處理 event handler
• 輕鬆 binding 實作
• 透過 blend 完成介面設計

Vue.js

Vue.js

Vue.js 是一個 JavaScript library

可以幫助你構建遵循MVVM 構建模式的 Web

Vue.js

來用 Vue.js 吧！

<script src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>