## 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' ????????????} ????????}) ``` ??