透过vue了解mvvm原理

94 阅读1分钟

什么是mvvm?

随着前端对于控制逻辑的越来越轻量,MVVM 模式作为 MVC 模式的一种补充出现了,万变不离其

宗,最终的目的都是将 Model 里的数据展示在 View 视图上,而 MVVM 相比于 MVC 则将前端开

发者所要控制的逻辑做到更加符合轻量级的要求。

ViewModel

在 Model 和 View 之间多了叫做 View-Model 的一层,将模型与视图做了一层绑定关系,在理想

情况下,数据模型返回什么试图就应该展示什么,在 ViewModel 引入之后,视图完全由接口返回

数据驱动,由开发者所控制的逻辑非常轻量。不过这里要说明的是,在 MVVM 模式下,Controller

控制逻辑并非就没了,像操作页面 DOM 响应的逻辑被 SDK(如 Vue 的内部封装实现)统一实现

了,像不操作接口返回的数据是因为服务端在数据返回给前端前已经操作好了