vue设计模式

vue是一个渐进式的框架
那什么是渐进式？？？

渐进式，简单翻译一下就是逐渐做加法的一种模式

我们都知道，在编程思想中，加法简单，减法就很难。对一个比较完整框架，要剥离出它的特性或者只是使用它的某几个特性这是非常难得。但是vue是做加法的，就非常的简单。

例如，你使用vue中的双向绑定的特性，vue中的路由，vue中的vuex等。这些都可以选择性的加上去，而不是必须得做的，必须使用的。

这就是渐进式，简单的使用vue的某一些特性，由自己选择。

在vue中的中心思想，或者说前端框架的中心思想就是数据驱动视图。所以在vue中的双向绑定原理中使用到了观察者模式。

其中主要的设计模式，咱们都知道的是mvc。那vue是专注于v层的设计模式，即view层。

我们的vue使用的是mvvm（model，view，view-model层）。它是一种mvc的变式，即把controller层变为view-model。这种模式，它是专注于view层的。也就是说，把mvc中的view层剥离出来，对前端架构进行改变，使用mvvm对view层进行架构设计。

来一个简单的例子

let  vm = new Vue({
	data: function(){
		return {
			msg : ‘消息’
		}
	}
})  //data就是我们mvvm中的model数据模型（它是一种结构）

<div id = 'app'>
	{{msg}}    
// {{msg}}就是我们绑定在视图中的数据，也就是我们所说的view-model层
</div> // 我们说的div这是一个html的结构。他就是我们所说的view层