第六讲、Vue3.x中使用JavaScript表达式 、条件判断、 计算属性和watch侦听

一、Vue3.x模板中使用JavaScript表达式
业务逻辑:

data() {
    return {
      number: 1
    }
}

template模板：

{{ number + 1 }} 

{{ ok ? 'YES' : 'NO' }}

{{ message.split('').reverse().join('')}}

二、 v-if v-else v-else-if v-show
2.1 v-if
业务逻辑:

data() {
    return {
      flag: 1
    }
}

template模板：

v-if flag=true

2.2 v-if v-else

 大于0.5


小于0.5

v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面，否则它将不会被识别。

2.3、v-else-if

  A


  B


  C


  Not A/B/C

与相似v-else，v-else-if元素必须紧随v-if或v-else-if元素

2.4、在