vue v-if v-else another problem

Question

v-if 的条件为 true 的情况下, v-else 都会执行一次,如果 v-if 条件为 true 的情况下, v-else 出现后,再消失。如何避免当 v-if 条件为真的情况下,不会执行一次 v-else 呢?

vue versions: 1.0.26

代码:

<div id="app">
    <div v-if="age>=18">成年人</div>
    <div v-else>未成年人</div>
</div>
var vm = new Vue({
    el: '#app',
    data: {
        age: 20
    }
})

Answer 1

给v-else 标签添加v-cloak属性，然后CSS 设置带这个属性的元素为不可见。

其实v-if 也需要的。