文本插值

文本插值和表达式

使用双大括号（ 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;