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>