Vue 插值中使用js表达式

Vue.js 提供了完全的 JavaScript 表达式支持。

{{ number + 1 }}
 
{{ ok ? 'YES' : 'NO' }}
 
{{ message.split('').reverse().join('') }}
 
<div v-bind:id="'list-' + id"></div>

这些表达式会在当前活动实例的数据作用域下作为 JavaScript 被解析。有个限制就是，每个绑定都只能包含单个表达式，所以下面的例子都不会生效。

<!--  这是语句，不是表达式：-->
{{ var a = 1 }}
 
<!-- 流程控制也不会生效，请使用三元表达式 -->
{{ if (ok) { return message } }}