web前端框架设计第四课-条件判断与列表渲染

web前端框架设计第四课-条件判断与列表渲染

一.预习笔记

1.条件判断

1-1：v-if指令：根据表达式的值来判断是否输出DOM元素

1-2：template中使用v-if

1-3：v-else

1-4：v-else-if

1-5：v-show（不支持template）

1-6：v-if与v-show的比较（P34）

2.列表渲染

2-1：v-for遍历指令

3.数据更新检测

1.push():向数组末尾添加一个元素

2.sort():为数组数据重新排序

二.课堂笔记

三.课后回顾

–行动是治愈恐惧的良药，犹豫拖延将不断滋养恐惧