vue中的js类表达式

迄今为止，在我们的模板中，我们一直都只绑定简单的属性键值。但实际上，对于所有的数据绑定， Vue.js 都提供了完全的 JavaScript 表达式支持。

{{ number + 1 }}
{{ ok ? 'YES' : 'NO' }}
{{ message.split('').reverse().join('') }}
<div v-bind:id="'list-' + id"></div>
这些表达式会在所属 Vue 实例的数据作用域下作为 JavaScript 被解析。有个限制就是，每个绑定都只能包含单个表达式，所以下面的例子都不会生效。
<!-- 这是语句，不是表达式 -->
{{ var a = 1 }}
<!-- 流控制也不会生效，请使用三元表达式 -->
{{ if (ok) { return message } }}
模板表达式都被放在沙盒中，只能访问全局变量的一个白名单，如 

Math

 和 

Date

 。你不应该在模板表达式中试图访问用户定义的全局变量。

修饰符

修饰符（Modifiers）是以半角句号 

.

 指明的特殊后缀，用于指出一个指令应该以特殊方式绑定。例如，

.prevent

 修饰符告诉 

v-on

 指令对于触发的事件调用 

event.preventDefault()

：

<form v-on:submit.prevent="onSubmit"></form>