vue条件渲染指令,vue如何渲染,vue3渲染原理,vue渲染页面流程,vue中的渲染是什么意思,vue3自定义渲染器
Vue 3.0 条件渲染是指根据指定的条件来确定是否渲染组件或元素。Vue 3.0 中有两种常用的条件渲染方法，分别是 v-if 和 v-show。

1. v-if：根据指定的表达式的真假值来决定是否渲染元素。当表达式为真时，元素会被渲染出来；当表达式为假时，元素不会被渲染出来。

例如，在下面的代码中，如果 isShow 的值为 true，则 div 元素会被渲染出来，否则不会被渲染出来：


<template>
<div>
<p v-if="isShow">这里是条件渲染的内容</p>
</div>
</template>

<script>
export default {
data() {
return {
isShow: true
}
}
}
</script>


2. v-show：根据指定的表达式的真假值来决定是否显示元素。当表达式为真时，元素会被显示出来；当表达式为假时，元素会被隐藏起来。

例如，在下面的代码中，如果 isShow 的值为 true，则 div 元素会被显示出来，否则会被隐藏起来：


<template>
<div>
<p v-show="isShow">这里是条件渲染的内容</p>
</div>
</template>

<script>
export default {
data() {
return {
isShow: true
}
}
}
</script>