👉 เมื่อเราได้รู้จัก MVC ไปกันแล้ว..มันยังมีอีกโมเดลหนึ่งที่สำคัญในการเขียนโปรแกรมเช่นกันนะ นั่นก็คือ… MVVM นั่นเอง!!
.
แล้วมันคืออิหยังงง?? เหมือนหรือต่างกับ MVC รึป่าวนะ หากพร้อมแล้ว มาหาคำตอบกันได้ในโพสต์นี้เลยจ้าาา
.
🌈MVVM ย่อมาจาก Model-View-ViewModel พัฒนามาจาก MVC โดยจะแยก View ออกจาก Model เพิ่ม ViewModel ขึ้นมาเพื่อเก็บข้อมูลทั้งหมดที่ View ต้องการ โดยทั้งสองจะส่งผลซึ่งกันและกัน หากมีอันไหนเปลี่ยนแปลง อีกอันก็จะเปลี่ยนแปลงตาม
.
👩🔧 Model
เหมือนกับ MVC มีหน้าที่จัดเก็บ และจัดการกับข้อมูลต่าง ๆ ภายในโมเดล
.
✨ View
เป็นส่วนการแสดงผล ซึ่งใน MVVM จะแยกกับ Model อย่างชัดเจน เน้นการแสดงผลอย่างเดียว ส่วน Logic ต่าง ๆ เป็นหน้าที่ของ ViewModel
.
👨💻 ViewModel
เป็นส่วนที่แปลง Logic ต่าง ๆ ให้แสดงบน View ได้ ซึ่ง ViewModel เปรียบเสมือนสมองของ View นั่นเอง โดยจะมี Data Binding เพื่อควบคุมการติดต่อระหว่างทั้งสอง เมื่อส่วนใดมีการเปลี่ยนแปลงจะส่งผลถึงกันและกัน
.
🌟 ข้อดีของ MVVM
- แยกส่วน Logic ออกจากการแสดงผล
- ง่ายต่อการบำรุงรักษาและทำการทดสอบ
- สามารถเขียน Unit Test Case สำหรับทั้ง ViewModel และ Model โดยไม่ต้องกังวลในส่วน View
- เหมาะกับการพัฒนาเว็บหรือแอปที่มีการเปลี่ยน UI บ่อย ๆ เพราะไม่กระทบกับส่วน ViewModel
.
หวังว่าจะเป็นประโยชน์กับเพื่อน ๆ นะคร้าบบบบบบ 🥰
.
💥หากใครอยากอ่าน MVC แอดเคยสรุปไว้ให้แล้ว คลิกลิงค์ด้านล่างแล้วไปอ่านกันได้เลยจ้า
https://www.facebook.com/borntodev/posts/4245182842206643
.
Source : https://andrewlundy.hashnode.dev/software-architectural-patterns-mvvm , https://www.guru99.com/mvc-vs-mvvm.html
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
mvvm viewmodel 在 軟體開發學習資訊分享 Facebook 的最佳貼文
今天的開源報報 6/3( 週一到週五每天早上 7:00 準時發刊 )
今日內容摘要
✅ 一份開始學習抓臭蟲賺取獎金的資源列表
✅ 後門工廠
✅ 一個簡單有效的 HTTP 模擬伺服器
✅ 一個宣告式,高效且靈活的建構使用者介面 JavaScript程式庫
✅ 一套170多個基於 Bootstrap 的設計區塊,可以用來建立乾淨的新潮網頁
✅ 為最新的企業應用程式開發的高效能 PHP/Go 框架
✅ 對抗潛在自動編碼器
✅ 強化學習元件和代理程式庫
✅ 在一分鐘內透過 SSH 使用 k3s 啟動 Kubernetes
✅ 基於 MVVM 架構的 Android 寶可夢圖鑑應用程式,使用 Dagger Hilt,Motion,Coroutines,Jetpack (Room,ViewModel,LiveData) 等技術
✅ SpaceX-API
✅ 區塊鏈創新者的平台
✅ 使用 Python 開發的開源加密貨幣交易機器人
https://softnshare.com/opensource-daily-138/
mvvm viewmodel 在 MVVM - gists · GitHub 的推薦與評價
MVVM (Model View ViewModel) is an architectural pattern based on MVC and MVP, which attempts to more clearly separate the development of user-interfaces ... ... <看更多>
mvvm viewmodel 在 WPF – MVVM (三) - 天空的垃圾場 的推薦與評價
到這邊,我相信大家就會產生一個疑問,那View裡面的按鈕按下後,要怎樣去呼叫ViewModel裡面的東西呢??其實我們還是會使用一個Binding的方式,只是這次 ... ... <看更多>
mvvm viewmodel 在 Basic concepts of MVVM-- what should a ViewModel do? 的推薦與評價
... <看更多>
相關內容