首页 > > 网页制作 > Javascript >

简单的Vue案例

2018-06-24 00:53:56来源：未知阅读 ()

MVVM 下载vue.js插件，

插件下载

Dom文档对象模型，对应HTML

每个Vue应用程序都是通过Vue函数创建出一个新的Vue实例开始的

类型：String | HTMLElement | Function

详解：为实例提供挂载元素，值可以是CSS选择符、或HTML元素、或返回HTML元素的函数。

data

详解：data是Vue实例的数据对象，Vue会将data的属性转化为getter/setter

1、抛开手动操作DOM的思维，Vue.js是数据驱动的，你无需手动操作DOM。

2、将DOM和数据绑定起来，DOM将和数据保持同步，
每当变更了数据，DOM也会相应地更新。

3、MVVM模式（Model-View-ViewModel）
ViewModel是如何和View以及Model进行交互的。
model放在data（可能多项）
view放在el（view里面的{{  }}可能多项，跟model对应）

4、ViewModel是Vue.js的核心，它是一个Vue实例。
     Vue实例是作用于某一个HTML元素上的，
    这个元素可以是HTML的body元素，
   也可以是指定了id的某个元素。

5、所有的元素都是响应式的

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有