【郑州校区】2020-03-09高频问题与课程重点

今日所讲需要掌握的知识点：

1、属性的绑定指令

a) v-bind:属性名 例如：v-bind:href="url"

元素的属性值与数据绑定起来，数据发生变化之后，元素的属性值跟着一起变化

b) 与v-model的区别：v-model属于双向绑定 v-bind属于单向绑定

2、样式class的绑定：

a) 对象类型：{类样式名: data中的属性名}

b) 数组类型：[data中的属性名1，data中的属性名2]

注意：对象绑定和数组绑定可以结合使用，class绑定的值可以简化操作，默认的class会保留

3、分支语句与循环操作

a) v-if，v-else-if 条件判断

b) v-show 控制元素是否显示 原理：display:none

c) v-for 循环数组和对象。绑定key可以提高效率

【郑州校区】2020-03-09高频问题与课程重点

今日所讲需要掌握的知识点：

1、属性的绑定指令

a) v-bind:属性名 例如：v-bind:href="url"

元素的属性值与数据绑定起来，数据发生变化之后，元素的属性值跟着一起变化

b) 与v-model的区别：v-model属于双向绑定 v-bind属于单向绑定

2、样式class的绑定：

a) 对象类型：{类样式名: data中的属性名}

b) 数组类型：[data中的属性名1，data中的属性名2]

注意：对象绑定和数组绑定可以结合使用，class绑定的值可以简化操作，默认的class会保留

3、分支语句与循环操作

a) v-if，v-else-if 条件判断

b) v-show 控制元素是否显示 原理：display:none

c) v-for 循环数组和对象。绑定key可以提高效率