v-cloak：保持和元素实例的关联，直到结束编译后自动消失。
v-cloak指令和CSS 规则一起用的时候，能够解决差值表达式闪烁的问题（即：可以隐藏未编译的标签直到实例准备完毕）。
就拿上一段代码来举例，比如说，{{name}}这个内容，在网速很慢的情况下，一开始会直接显示{{name}}这个内容，等网络加载完成了，才会显示sloanLv。那这个闪烁的问题该怎么解决呢？
解决办法是：通过v-cloak隐藏{{name}}这个内容，当加载完毕后，再显示出来。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /*2、在样式表里设置：只要是有 v-cloak 属性的标签，我都让它隐藏。 直到 Vue实例化完毕以后，v-cloak 会自动消失，那么对应的css样式就会失去作用，最终将span中的内容呈现给用户 */ [v-cloak] { display: none; } </style> </head> <body> <div id="app"> <!-- 1、给 span 标签添加 v-cloak 属性 --> <span v-cloak>{{name}}</span> </div> </body> <script src="//unpkg.com/vue/dist/vue.js"></script> <script> new Vue({ el: '#app', data: { name: 'sloanlv' } }); </script> </html>