1.3模板语法

1.3.1插值语法：

功能：用于解析标签题内容

写法：{{xx}}，xx是js表达式，且可以直接读取data中的所有属性

1.3.2指令语法：

功能：解析标签(标签属性，内容，绑定事件等)

举例：v-bind:href="xx" ，简写 :href="xx"

1.4数据绑定

方式1:单向绑定(v-bind): 数据只能从data流向页面

方式2:双向绑定(v-model):数据不仅不能从data流向页面，还可以从页面流向data

备注:1)双向绑定一般都应用在表单元素上(input，select)

       2)v-mdel:vlaue  简写 v-model

1.5data与el的两种写法

1.5.1el的两种写法

(1) new Vue时配置el属性

(2) 先创建Vue实例，随后再通过vm.$mount('#root')指定el的值

1.5.2data的两种写法

(1) 对象式

(2)函数式

1.5.3一个主要的原则

由vue管理的函数，不要写箭头函数，一旦写了箭头函数，this就不再是Vue实例了

1.6MVVM模型

1.6.1介绍:

M：Model(模型) data中的数据

V：View(视图) 模板代码

VM：ViewModel(视图模型)，Vue实例

1.6.2发现

1) data中所有的属性，最终出现在vm身上

2) vm身上所有的属性及Vue原型上所有属性，在Vue模板中都可以直接使用