v-if是根据一个条件渲染这一块内容
例子:这时候就是根据num的值进行判断 如果大于零就显示否则就不显示,但切记这不是更改display属性而是该dom不显示
如果大于0的话就会显示
<div id="app">
<div v-if="num > 0">{{num}}</div>
</div>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
const { createApp } = Vue;
createApp({
data() {
return {
num: 0//1就会显示
}
}
}).mount('#app')
</script>