条件渲染指令
条件渲染指令有两种:
两种指令大致相似
- v-if
- v-show
如果v-if的值为true,那么显示出内容,v-show也是一样
如果v-if的值为false,那么将不创建这个指令的标签,v-show将隐藏此标签
<body>
<div id="app">
<p v-if="flag">v-if使用</p>
<p v-show="show">v-show使用</p>
</div>
<script>
const vm={
data(){
return{
flag:false,
show:false
}
}
}
const app=Vue.createApp(vm)
app.mount('#app')
</script>
</body>
只有v-show这个指令在里面