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>