数据绑定常用有4种方式:{{}}、v-text、v-html、template {{}}数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值： <span>message:{{msg}}</span> mustache标签会被替代为对应数据对象航msg property的值。无论何时，绑定的数据对象msg property发生了改变，插值处的内容都会更新。 但是这样子写有些缺点，当网络较慢，网页还在加载vue.js，而导致vue来不及渲染，这时页面就会显示出vue源代码， 我们可以使用v-cloak指令来解决这个问题。 解决办法：为{{}}所在的元素添加v-cloak来解决这个问题。
<p v-cloak>
插值表达式写法{{msg}}
</p>
另：还要为v-cloak这个属性设置为display:none
<style>
[v-cloak]{
display : none;
}
</style>
此外：插值表达式引入的变量是纯文本来进行解析，类似于innertext，并不会解析里面的html标签或者字符串。
将来我们使用路由挂载的时候是不会出现来不及渲染的情况，不需要是用v-cloak，知道了解即可
标签：vue,插值,绑定,cloak,----,msg,表达式 From： https://www.cnblogs.com/yansunda/p/18357110