最近看了不少关于Vue的博文,包括Vue的官方文档基础篇,如果之前没有接触任何mvvm框架,可能在刚接触时会很难理解。今天我们就围绕绕下面两个问题来进行探讨。Vue到底是什么东西?为什么这受欢迎?
首先,要想更好的理解Vue,个人觉着必须得有一定的JS基础,尤其是对构造函数要熟悉。下面就进入正题,首先我们先说说mvvm是什么。当我第一次看见mvvm这四个字母,完全不知道他们到底是什么意思,很抽象,很神秘。后来阅读大量博文,它其实是指三个东西:view、viewmodel、model。view就是指我们的HTML模板,viewmodel就是构造函数Vue的实例化对象,model就是我们自定义的一个对象。就是这么简单,Vue的核心就是那个构造函数实例化出来的对象,但是请注意,当我们用构造函数Vue来实例化对象的时候,需要传入一个对象作为参数,这个对象也就是大家所说的选项对象。选项对象里面的el属性的值就是一个选择器,他的意思就是说,我们的这个选项对象作用于el所指的那个dom节点。还有个data属性,它的值是一个字符串或者是对象,如果data的值太多,那么我们就可以选项对象外面创建一个新的对象,这个对象就是model,然后我们在把这个对象的值赋给选项对象的data属性。这就是mvvm,至于他为什么这么火,相比大家应该也看出来了,每一个对象对应一个dom节点,我们直接修改选项对象里面的数据,对应的dom节点的数据也会改变,这样就实现了数据的绑定而且还是双向的,这个以后我们再说。也省去了dom查找操作。这就是他的优点所在,也是为什么受欢迎的原因
网友评论