vue ---- {{}}插值表达式数据绑定

数据绑定常用有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，知道了解即可