一.Vue模板语法
插值语法:用于解析标签体内容
<div>{{ name }}</div>
2.绑定语法:用于解析标签内容,例如标签体内容,绑定事件,标签属性等等(Vue提供很多v-xxx的指令)
<div :name="name" @click="onClick"></div>
二.Vue数据绑定
-
单向数据绑定:页面的数据只能从data中获取,并不能从页面中修改data中的数据. -
双向数据绑定:页面的数据和data中的数据是互通的,当页面的数据改变,data中的数据也会随之改变,反之亦然(一般用于表单类的元素上)
三.MVVM模式
MVVM是一个软件框架模型.有助于把视图层和数据分离开来,这样有助于后期维护.
View(视图层):用来展示给用户看的界面
Model(数据层):存放固定的数据或者更多来自后端给到的数据
ViewModel(视图数据层):是视图层和数据层之间的桥梁,当视图层通过一些事件发生改变,会改变相对应数据层的数据,反之亦然
