Vue插值表达式{{ }}可以写什么

{{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性。

一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新;
 

1. data中的数据，如{{num}}、{{num + 1}} 运算府

data:{
  num:5
}

2.{{status ? ‘succeed’ : ‘failed’}} 三元表达式

data:{
    status: true
}

3.methods中的运行函数 {{change()}}

change(){
    return this.value;
}

4.可以直接填写数值、数组、对象等

<div id="app">{{ 123 }}</div>

<div id="app">{{ 1+1 }}</div>

<p>{{ [5,6,7,8,9] }}</p> //数组
<p>{{ {name:"abc",age:13} }}</p> //对象
<p>{{ new Date() }}</p>

结果：