文本插值文本插值

文本插值和表达式 【文本插值】使用双大括号（ Mustache 语法）“｛｛｝｝”是最基本的文本插值方法，它会自动将我们双向绑定的数据实时显示出来。

{{ msg }}

文章图片
image.png 在｛｛｝｝中，除了简单的绑定属性值外，还可以使用 JavaScript 表达式进行简单的运算、三元运算等。

{{ msg }} {{ 6*6 + 6}} {{ 0>1? 'why' : msg }}

文章图片
简单的运算、三元运算等.png Vue .js 只支持单个表达式，不支持语句和流控制。

{{ if(1>0){} }}

直接报错了：

文章图片
image.png 注意：{{var a = 6}} 也是多行表达式----

var a ;
a = 6;

文本插值