Vue基础之插值语法

vue中使用双大括号语法进行插值，使用方法：

<span>Message: {{ msg }} </span>

 双大括号标签会将其中的内容替换为对应数据对象上的 msg 属性的值，而且此插值会随着 msg 属性的改变而更新。

如果不想让插值更新，即插值处的值只执行一次，及时后台数据对象的值发生改变也不更新，可以使用v-once指令：

<span v-once> 这个将不会改变： {{ msg }} </span>

双大括号模板中，我们除了可以绑定简单的属性，还支持Javascript表达式：

{{ number + 1}}

{{ ok ? 'YES' : 'NO' }}

{{ message.split('').reverse().join('') }}

注意：每个绑定只能包含单个表达式，声明语句和流程控制语句都不会生效。