👉 เมื่อเราได้รู้จัก 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 - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
