v-if 是否插入元素指令

Posted 2020-11-10 谁说程序猿很猥琐

 <div id="app05">
       <p v-if="OK">True的时候显示，否则不显示</p>
       <template v-if="show">
           <h1>111</h1>
           <h1>222</h1>
       </template>
    </div>

调用：
    StudyShowValue("#app05");


实现：
// v-if 指令，将根据值(True or false) 来决定是否插入p元素
function StudyShowValue(obj) {
    new Vue({
        el: obj,
        data: {
            show: true,
            OK: false
        }
    })

}