菏泽学院学报

MVVM设计模式主要用于构建基于事件驱动的UI平台.MVVM模式架构可以分离成为View、Model和View Model三层,使数据和界面得到很好的分离,达到软件设计中的"高内聚,低耦合"的目标.基于前端开发框架Vue.js,分析了MVVM模式,详细介绍了前端MVVM模式的开发模式,分析了前端MVVM框架实现的关键技术,并采用前端开发框架Vue.js实现了外卖APP的项目开发.

The MVVM is mainly used to build event-driven UI platform.The MVVM mode structure can be divided into three layers,that is View,Model and View Model,so that data and interface can be well separated to achieve the goal of High Cohesion,Low Coupling in software design.Based on the frontend development framework Vue.js,this paper analyzes the MVVM,introduces the development model of the front-end MVVM in detail,explains the key technologies of the front-end MVVM framework implementation,and uses Vue.js to realize the project development of takeaway APP.