v-if 条件渲染指令

v-if

v-if指令可以设置一个JavaScirpt变量或者表达式，当变量或者表达式为真值时，其指定的元素才会被渲染。

v-if指令可以和v-else指令、v-else-if指令结合使用。

v-if demo

<template>
  <div style="text-align: center;">
    <h1 v-if="show">v-if为true</h1>
    <h1 v-if="showFalse">v-if为false</h1>
  </div>
</template>
<script>
export default {
  data(){
      return{
        show: true,
        showFalse: false
      }
  },
};
</script>