3、Vue-组合式-条件语法

一、基础语法

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

v-ifv-show的区别

  • v-if 可以实现更多条件判定,而v-show只能实现真假判定
  • v-show会加载组件,只是不显示出来;v-if则不会加载组件。所以v-show有较高的初始渲染开销,v-if则会有比较高的使用加载时开销

二、v-if

使用下述代码替换 app.vue中的代码




三、v-show

使用下述代码替换 app.vue中的代码




你可能感兴趣的:(3、Vue-组合式-条件语法)