谈谈你对MVVM的理解?

发布时间 2023-04-06 10:43:42作者: 笑看代码...^_^

MVVM即Model、View、ViewModel

Model数据层负责数据的定义以及业务逻辑等操作,对应到Vue组件中就是script部分

而View则可以理解为我们打开浏览器所看到的页面,对应到Vue组件中就是template

ViewModel可以理解为一个衔接Model和View之间的桥梁,主要功能就是实现Model和View之间的同步更新操作,

也就是当Model数据发生改变时会同步更新到View层,反之亦然,当View层产生修改时也会同步更新到Model层;

为什么要设计这样的架构呢?

我总结了以下几点:

第一:为了让开发人员把更多的时间和精力花费在业务逻辑上,而不是用在频繁的操作DOM上;

第二:实现代码分离,更好的组织代码,增强代码的可读性、可维护性;

第三:当业务逻辑非常复杂时,大量且繁琐的DOM操作不是一般人能驾驭的。

有了MVVM架构以后,开发人员就只需关注业务逻辑的代码实现即可,绝大部分DOM操作都交给VM来实现即可,大大的提高了开发效率,也能少逼疯几个程序猿!