苏艳 武汉传媒学院

MVVM框架在Web前端的应用研究

苏艳 武汉传媒学院

在Web技术不断发展的过程当中，其前端技术也在此过程中获得了较大的发展。在本文中，将就MVVM框架在Web前端的应用进行一定的研究。

MVVM框架 Web前端 应用

1 引言

面向对象设计原则是现今应用较多的框架类型，MVP、MVC以及MVVM是以该核心为原则形成的框架模式。而在现今web广泛应用的情况下，前端规模也在此过程中得到了进一步的扩大。

2 Angular JS中MVVM框架应用

Angular JS是由Google于2009年公布的框架，具有着双向数据绑定、测试驱动开发以及模块化思想等特点，且在移动设备支持方面具有着较好的表现。在开始阶段，该框架是标准的MVC设计模式，而随着API重写以及代码重构，目前其具有了明显的MVVM模式特征。

在Angular JS当中，MVVM模式主要在以下几个方面得到了体现：第一，view。该部分的功能即是对界面的渲染与显示。在Angular JS当中，其除了CSS以及HTML等基本视图代码意外，且具有Angular JS表达式以及指令等视图模块。在实际应用当中，view不能够同Model直接进行交互，而需要通过专门的指令进行引用；第二，ViewModel。该部分的功能是对Model以及View之间的协作与交互功能进行实现。在具体应用当中，其将对view实现显示数据的提供，并具有Command操作方式的提供。在框架当中，scope对象为功能模块包装，通过一定API的提供对view状态进行监控，能够将函数以及数据模型对视图进行暴露，包括有控制器定义行为、处理跳转、视图处理页面布局以及数据引用关系等内容；第三，Model。其是应用程序当中对业务逻辑数据进行封装的载体，为业务领域对象。……