## v-cloak指令的作用是vue示例渲染后关联结束 ## 双大括号插值语法在遇到网络延迟的时候会显示编译之前的文本 ## \[v-cloak\]css选择器选择的是html结构中有v-cloak的属性，有这个属性的元素设置display为none，又由于v-cloak这个属性在vue的实例加载完之后关联结束，所以就需要了这个元素的隐藏状态，元素就会显示，这样造成的结果就是要么空白，要么显示编译后的文本    ```         var vue = new Vue({             el: "#app",             data: {                 a:'我是渲染的指令\-v-cloak'             }         }) ```      我们可以使用v-cloak结合CSS解决双大括号渲染的难题           ```     Document       \[v-clock\]{             display: none;         }              {{a}} ```                ```         var vue = new Vue({             el: "#app",             data: {                 a:'我是渲染的指令\-v-cloak'             }         }) ```