>[success] # v--cloak 遮盖 ~~~ 1.这个指令使用在元素上直到关联实例结束编译 2.因为指令生命周期的特殊性,常备用来解决大胡子语法闪烁问题 3.这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕 ~~~ >[danger] ##### 解决大胡子语法闪烁案例 ~~~ 1.一般把'v-cloak' 绑在Vue实例el属性绑定的节点上 2.在css样式中加上: [v-cloak] { display: none; } ~~~ ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--导入Vue cdn 的网址--> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.22/dist/vue.js"></script> <style> [v-cloak] { display: none; } </style> </head> <body> <div id="app" v-cloak> {{msg}} </div> <script> var vm = new Vue({ el:"#app", data:{ msg:"网速过慢加载时候解决大胡子语法闪烁问题" } }) </script> </body> </html> ~~~