v-if 指令

 

在 <template> 元素上使用 v-if 指令：

 

<div id="app">

    <template v-if="seen">

        <h1>网站</h1>

        <p>Google</p>

        <p>Runoob</p>

        <p>Taobao</p>

    </template>

</div>

    

<script>

const app = {

  data() {

    return {

      seen: true /* 改为false，信息就无法显示 */

    }

  }

}

 

Vue.createApp(app).mount('#app')

</script>