MVVM与Vue.js

Vue.js与MVVM:

花开堪折直需折，莫待无花空折枝

• 不断的调整，发现一个更好的平衡点
  
• 今天的太阳花换了一个新的“发型”！

MVVM:

• MVVM是Model-View-ViewModel的简写。它本质上就是MVC （Model-View- Controller）的改进版。即模型-视图-视图模型。 【模型】指的是后端传递的数据。 【视图】指的是所看到的页面。 【视图模型】mvvm模式的核心，它是连接view和model的桥梁。 它有两个方向： 一是将【模型】转化成【视图】，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。 二是将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。实现的方式是：DOM 事件监听。 这两个方向都实现的，我们称之为数据的双向绑定。

总结：在MVVM的框架下视图和模型是不能直接通信的。它们通过ViewModel来通信，ViewModel通常要实现一个observer观察者，当数据发生变化，ViewModel能够监听到数据的这种变化，然后通知到对应的视图做自动更新，而当用户操作视图，ViewModel也能监听到视图的变化，然后通知数据做改动，这实际上就实现了数据的双向绑定。 并且MVVM中的View 和 ViewModel可以互相通信。

Vue.js

• Vue.js是什么：

  • 百度百科：Vue 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。

  • 个人理解：Vue的渐进式和自底向上指的是Vue可以完成从项目的环境搭建到一个建成一个完整的项目，当然这和Vue可以轻松引入其他JS、Css框架以及Vue在开发过程中的组件化思想有关。

• Vue.js与MVVM的关系：

  • Vue是一个ViewModel的框架/引擎，根据上面MVVM的简介，Vue不仅可以实现数据数据绑定也可以实现对DOM的操作；使得Vue可以提升开发便捷程度，并且组件化的思想和渐进式的构建可以让Vue.js成为一个强大的前端开发平台。

• 注：部分内容借鉴于其他博客或其他来源，若有侵权，联系删除！