Vue.js学习之路—模板语法（使用JavaScript表达式）

vue是基于html使用了模板语法，具体绑定方式见此处，下面重点要说的是在其中使用JavaScript表达式事项

使用JavaScript表达

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

    {{number + 1}}

    {{ok? 'Yes' : 'No'}}

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

    <div v-bind:id="'list-' + id"></div>

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

    <!--这个是语句，不是表达式-->

    {{var i = 1;}}

    <!--流控制也不会生效，请使用三元运算符-->
    {{ if ( true ) { return message }}}

注意：模板表达式都被放在沙盒中，只能访问全局变量的一个白名单，如 Math 和 Date 。你不应该在模板表达式中试图访问用户定义的全局变量！