过滤器

Vue.js 允许在表达式后添加可选的“过滤器 (Filter) ”，以“管道符(|)”指示。过滤器本质上是一个函数，这个函数会接收一个值，将其处理并返回。

{{ message | uppercase }}

这里我们将表达式 message 的值“管输（pipe）”到内置的 uppercase 过滤器，这个过滤器其实只是一个 JavaScript 函数，返回大写化的值。Vue.js 提供数个内置过滤器，在后面我们会谈到如何开发自己的过滤器。

可以串联多个过滤器：

{{ message | filterA | filterB }}

html代码：　　

<div id='demo'>
<span>{{msg | lowercase | capitalize}}</span>
</div>

javaScript代码：

 var data={msg:'heLLO!'};
 new Vue({
  el: '#demo',
  data: data
 })

运行结果为：Hello