架构介绍

在进入使用Vue.js时做之前，先让我们来了解一下Vue.js的架构吧!

Although not strictly associated with the MVVM pattern, Vue’s design was partly inspired by it.

从官网中我们可以知道Vue是受MVVM这个架构的启发
MVVM的全名是Model–view–viewmodel，所以我们可以知道它是由model、view和viewModel所组成的

这里的view指的就是使用者所看到的网页画面，也就是负责控制网页画面的颜色、大小等等的区块，model则是程序逻辑的部分，而由上图我们可以清楚的知道viewModel是用来连接view和model的物件，而view和viewModel之间靠的是DataBinding让他们能够进行双向的沟通，也就是说DataBinding就是达成画面和资料能够同步的桥梁

说到MVVM不妨来简单介绍一下另一种叫做MVC的架构吧!
MVC的全名是Model–View–Controller，所以我们也可以马上知道他是由model、view和controller所组成的
这里的view也是画面制作的部分，model也是放程序逻辑的地方，而controller则是控制程序的流程