Vue3学习笔记-条件渲染和列表渲染-3

一、条件渲染

在Vue中,提供了四种条件渲染:

  • v-if
  • v-else
  • v-else-if
  • v-show

v-if:指令用于表达式返回为真时才被渲染


v-else:为v-if提供另外的路径


v-else-if:提供多条渲染路径

v-show:无论如何都会渲染,如果条件为false则不显示

二、列表渲染

使用v-for的指令,其中v-for中要使用item in items的语法


Vue3学习笔记-条件渲染和列表渲染-3_第1张图片

 

 

你可能感兴趣的:(学习,笔记,vue.js)