一、谈一下你对MVVM原理的理解

1.MVC是Model-View- Controller的简写。即模型-视图-控制器。是最早的架构模型,是从前台到后台统一称之为MVC,比如前端交视图层(View),后端的数据库(Model),用户操作界面想获取数据会向后端服务器发起请求,请求会被路由拦截,这时路由会调用对应的控制器来处理,控制器会获取数据。将结果返回给前端,页面重新渲染 。这种方向是单向的。

2.随着前端的发展,对视图层又进行了抽离,抽离出了个VM,传统的前端会将数据手动渲染到页面上,  MVVM 模式不需要用户收到操作 dom 元素,将数据绑 定到 viewModel 层上,会自动将数据渲染到页面中,视图变化会通知 viewModel层 更新数据。 ViewModel 就是我们 MVVM 模式中的桥梁。vue的框架就是一个典型的MVVM,它就充当了一个VM中间层,我们可以直接把数据挂到vue上,我们通过vue可以直接渲染我们的视图,而且我们的视图也可以直接的去更改,在更改的时候vue会监听当前视图的变化,然后把数据再写回数据层,这就是一个双向的过程,所以MVVM就是一个双向绑定的过程。在vue中数据都是响应式的,数据变化呢会驱动视图,那视图更改了数据也会发生变化,比如v-model就实现了一个双向数据绑定的过程。

3.MVVM是响应式,双向数据绑定,是指数据层(Model)-视图层(View)-数据视图(ViewModel)的响应式框架。

Logo

前往低代码交流专区

更多推荐