08 条件渲染
v-if 系列 VS v-show
切换开销(不一定渲染,每次切换都会重新销毁和创建) <------------> 较高的初始开销(初始时一定会渲染,基于css的display)
<template>
<p>IfDemo 条件渲染 测试</p>
<p v-if="flag===true">{{ msg }}</p>
<p v-else>还是看看我吧</p>
<p v-show="flag===true">{{ msg }}</p>
</template>
<script >
export default{
data() {
return {
flag:true,
msg: "看得见我吗?"
}
},
}
</script>