语法

语法:使用双大括号( Mustache 语法)“{ { } }”是最基本的文本插值方法。
它会自动将我们双向绑定的数据实时显示出来。

注意事项

在{ { } }中,除了简单的绑定属性值外,还可 以使用 JavaScript 表达式进行简单的运算 、 三元运算等
**Vue.js只支持单个表达式,不支持语句和流控制。

示例:**

  1. //简单的运算
  2. {{ 6+6 *3}}---可以进行简单的运算 <br>
  3. //三元运算符
  4. {{ 6<3 ? msg :a}}---可以用三元运算符 <br>
  5. //文本插值
  6. {{if(6>3){}}-----注意:文本插值的形式,其中不能书写表达式,仅支持单个表达式
  7. 〈!一这是语旬,不是表达式 一〉
  8. {{var a = 6}}--也是多行表达式相当于:var a ;a = 6;
  9. { { var book = Vue . js }}
  10. 〈!一不能使用流控制,要使用三元运算 一〉
  11. {{ if (ok) return msg ))

image.png
image.png
对于复杂的,我们还可以使用计算属性来“插值”