条件渲染指令
条件渲染指令有两种:
两种指令大致相似
- 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这个指令在里面