Vue3中的条件语句

134 阅读1分钟
  1. v-if指令
    v-if指令将根据表达式seen的值(true或false)来决定是否插入p元素(指令的表达式返回true时才会显示)。代码如下:

1.png

2.png

  1. v-else指令
    可以用v-else指令给v-if添加一个"else"块。
    例如:随机生成一个数字,判断是否大于2,然后输出对应的信息。代码如下:

3.png

4.png

  1. v-else-if指令
    v-else-ifv-ifelse-if块,可以链式的使用多次。
    例如:判断type变量的值。代码如下:

5.png

6.png

注:v-elsev-else-if必须跟在v-if或者v-else-if之后。