面试题目之：mvvm框架是什么？它与其他框架（jquery）的区别是什么？哪些场景适合？

面试题目之：mvvm框架是什么？它与其他框架（jquery）的区别是什么？哪些场景适合？

（1）mvvm框架是什么？

MVVM是Model-View-ViewModel的简写

Model：模型

View：视图

ViewModel：视图模型，连接view和model的桥梁

通常要实现一个observer观察者，当数据发生变化，ViewModel能够监听到数据的这种变化，然后通知到对应的视图做自动更新，而当用户操作视图，ViewModel 也能监听到视图的变化，然后通知数据做改动，这实际上就实现了数据的双向绑定。

（2）它和其它框架（jquery）的区别是什么？

概念上：vue：前端js库，是一个精简的MVVM，它专注于MVVM模型的viewModel层，通过双向数据绑定把view和model层连接起来，通过对数据的操作就可以完成对页面视图的渲染；

jquery：轻量级的js库，在操作思想上： vue是使用数据驱动的方式，通过vue对象将数据和view完全分离开，对数据操 作，不在引用相应的DOM对象，通过vue对象，将数据和相应的DOM对象相互绑定起 来；主要是操作数据基于一种MVVM模式，jQuery是使用选择器（$）选取DOM对象，并对其进行赋值、取值、事件绑定等 操作，主要是操作DOM

（3）哪些场景适合？

应用场景的区别： vue适用的场景：复杂数据操作的后台页面，表单填写页面；

jquery适用的场景：比如说一些html5的动画页面，一些需要js来操作页面样式的页面。 二者也是可以结合起来一起使用的，vue侧重数据绑定，jquery侧重样式操作， 动画效果等，则会更加高效率的完成业务