插值表达式

插值表达式是一种Vue的模板语法

可以用插值表达式渲染出Vue提供的数据

1.作用：利用表达式进行插值，渲染到页面中

表达式：是可以被求值的代码，JS引擎会讲其计算出一个结果

以下的情况都是表达式：

money + 100
  money - 100
  money * 10
  money / 10 
  price >= 100 ? '真贵':'还行'
  obj.name
  arr[0]
  fn()
  obj.fn()

2.语法

插值表达式语法：{{ 表达式 }}

<h3>{{title}}<h3>

  <p>{{nickName.toUpperCase()}}</p>

  <p>{{age >= 18 ? '成年':'未成年'}}</p>

  <p>{{obj.name}}</p>

  <p>{{fn()}}</p>

3.错误用法

1.在插值表达式中使用的数据 必须在data中进行了提供
    <p>{{hobby}}</p>  //如果在data中不存在 则会报错

      2.支持的是表达式，而非语句，比如：if   for ...
        <p>{{if}}</p>

      3.不能在标签属性中使用 {{  }} 插值 (插值表达式只能标签中间使用)
        <p title="{{username}}">我是P标签</p>