使用v-show时，当isshow:false时，在页面刷新的过程中，isshow依然会短暂显示一下...

<div id="app">

　　<div v-show="isshow" v-cloak></div>

</div>

　

new Vue({
    // vm控制的区块为id为app的div，此div中的所有vue指令均可以被vm解析
    el:'#app',
    data:{
        // 数据 （MVVM中的Model）
        isshow:false,
    },
    methods:{
      toggle:function(){
        this.isshow = !this.isshow;
      }
    }
  });

　　在使用上述代码时，即使我 isshow:false，但是页面在刷新的过程中，div依然会短暂的出现。

解决：

<style>
    [v-cloak] {
        display: none;  }
</style>

原理:这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。

转载于:https://www.cnblogs.com/liuwei54/p/9107023.html