vue设计模式
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层
更多推荐
已为社区贡献2条内容
所有评论(0)