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遍历指令

在这里插入图片描述
在这里插入图片描述

二.课堂笔记

三.课后回顾





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

相关推荐

  1. 被迫走上前端之路之vue的v-for列表渲染

    2024-04-09 06:16:02       41 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-09 06:16:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-09 06:16:02       100 阅读
  3. 在Django里面运行非项目文件

    2024-04-09 06:16:02       82 阅读
  4. Python语言-面向对象

    2024-04-09 06:16:02       91 阅读

热门阅读

  1. 工业通信原理——Modbus简介

    2024-04-09 06:16:02       32 阅读
  2. MVCC-多版本并发控制

    2024-04-09 06:16:02       39 阅读
  3. SpringMVC源码分析(十)--消息转换器

    2024-04-09 06:16:02       32 阅读
  4. 基于erp业务的责任链模式实战

    2024-04-09 06:16:02       35 阅读
  5. 设计模式:责任链模式示例

    2024-04-09 06:16:02       35 阅读
  6. wpf ResourceDictionary的MergedDictionaries

    2024-04-09 06:16:02       42 阅读
  7. rust实现一个post小程序

    2024-04-09 06:16:02       40 阅读
  8. 设计模式:生活中的责任链模式

    2024-04-09 06:16:02       38 阅读