v-cloak的作用是vue实例渲染后关联结束。
使用{{}}插值法时，在编译出显示结果之前，会显示{{值}}，如下所示
图片说明
代码：

      <div id="app"><p>{{a}}</p></div>
    <script src="../js/Vue.js"></script>
    <script>
        var vue = new Vue({
            el:'#app',
            data:{
                a:100
            }
        })

v-cloak正好可以解决这一点，用法如下：
在div添加v-cloak，然后再在添加css样式

<style>
        [v-cloak]{
            display: none;
        }
    </style>
</head>
<body>
    <div id="app" v-cloak>
        <p>{{a}}</p>
    </div>
    <script src="../js/Vue.js"></script>
    <script>
        var vue = new Vue({
            el:'#app',
            data:{
                a:100
            }
        })
    </script>

图片说明
一般用在没有动态元素内容的场景，比如一些文章和一些固定标题等。