vue3使用v-if

Vue3中的v-if指令用于动态渲染一块内容，只有当该指令的表达式值为true时才渲染。与v-else-if和v-else指令配合使用可以设置else-if块和else块。在使用v-if指令时，需要注意它的优先级比v-for高，这意味着v-if将不能访问v-for里的变量。在渲染时，v-if指令会将元素的display属性设置为none或block来控制元素的显示和隐藏。例如，<h1 v-if="ifSee">hello Vue3.0!</h1>会在ifSee为true时渲染成<h1 style="display:block;">hello Vue3.0!</h1>，否则会渲染成<h1 style="display:none;">hello Vue3.0!</h1>。