1.JavaScript表达式

放在双大括号标签内的文本称为绑定表达式。在Vue.js中，一段绑定表达式由一个简单的JS表达式和可选的一个或多个过滤器构成

HTML：

<spanid="test01">数字加减：{{number+1}}</span><br><spanid="test02">三目运算：{{ok?'yes':'no'}}</span><br><spanid="test03">JS表达式：{{message.split('').reverse().join('')}}</span><br>

JS：

varvm1=newVue({el:'#test01',data:{number:3}});varvm2=newVue({el:'#test02',data:{ok:'yes'}});varvm3=newVue({el:'#test03',data:{message:'Roger'}});


2.过滤器

Vue.js允许在表达式后添加可选的“过滤器(Filter)”，以“管道符”指示。

这里我们将表达式message的值“管输（pipe）”到内置的capitalize过滤器，这个过滤器其实只是一个JS函数，返回大写话的值。 Vue.js提供了数个内置过滤器

HTML：

<spanid="test04">{{message|capitalize}}</span><!--capitalize:首字母大写-->

JS：

varvm4=newVue({el:'#test04',data:{message:'hello'}});


页面效果截图：