前台框架了解

什么是MVVM

  1. Model

作为MV*家族中的一员,MVVM中的M代表着Model。Model代表我们整个webapp所需要的数据模型,一个典型的例子就是用户信息Model,它应该含有(姓名,年龄等属性)。Model含有大量信息,但它并不具有任何行为逻辑,它只是数据,因而它不会影响浏览器如何展示数据。

  1. View

View这个词出现频率最多的地方应该是MVC。在MVC设计中,View是唯一与用户交互的地方,或者说它是Model变化后的直观反映。在MVVM中,View被认为是主动的而非被动的。一个被动的View时只它只能任由“他人”(Controller)摆布,自己却不能改变任何东西,如利用Jquery操作DOM。而MVVM中View是具有主动性的,因为它包括了一些数据绑定,事件,和行为,这些都会直接影响Model和ViewModel的。它不但负责保持View自己身的行为(展示),而还会将自身的变化同步到ViewModel中。

  1. ViewModel

ViewModel可以被看作是MVC中的Controller,它主要负责数转换(用一定的业务逻辑),它负责将Model的变化反应到View上,而当View自身有变化时也会同步Model进行改变。你可以把ViewModel看作一个藏在View后面的好帮手,它把View需要的数据暴露给它,并且富于View一定的行为能力。

AngularJS 究根到底是 MVC 还是 MVVM?

angular 官方的解释是 MVW (Model-View-Whatever) docs(README.md): add purpose section · angular/angular.js@cff232a · GitHub但是注意了,这段 commit 产生于 2016年2月8号,也就是说官方在很晚的时间点才统一口径(之前官方文档有的地方说是 MVVM,有的地方说 MVW)。所以可以发现,ng1 的维护者们也意识到,直接宣传 ng1 是 MVVM 不符合术语定义的。从 ng1 官方给出的 tutorial 的各种 demo 和 code snippets 来看,准确来说 ng1 应该是 VW (View-Whatever)模式,没错你看不到 M 跟 VM。

React采用什么框架?

React不处理Ajax、路由和数据存储,也不规定数据组织的方式。它不是一个Model-View-Controller框架。如果非要问它是什么,他就是MVC里的“V”。React的精简允许你将它集成到各种各样的系统中 。

  每次状态改变时,使用JavaScript重新渲染整个页面会非常慢,这应该归咎于读取和更新DOM的性能问题。React运用一个虚拟的DOM实现了一个非常强大的渲染系统,在React中对DOM只更新不读取。

vue采用什么框架?

于MVVM模式的框架

Vue 与Angular、React框架的对比

猜你喜欢

转载自blog.csdn.net/NaNa309706/article/details/79442428