v-show 根据值来切换元素 display css属性,显示或隐藏元素,条件变化,自动触发结果
<body>
<div id="app">
<p v-show="ok">西瓜</p>
<p v-show="no">苹果</p>
<p v-show="num >= 1000">库存充足</p>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
const vm = Vue.createApp({
data(){
return {
ok:true,
no:false,
num:1000
}
}
}).mount("#app");
</script>
</body>