6.1　过滤器的基本使用

Vue.js允许自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双大括号插值和v-bind表达式（后者从Vue.js 2.1.0版本后开始支持）。过滤器应该被添加在JavaScript表达式的尾部，由“|”指示。例如：

    <!-- 在双大括号中 -->
    {{ message|myvue }}
    <!-- 在v-bind中 -->
    <div v-bind:id="rawId|formatId"></div>

其实message | myvue完全可以看成myvue(message)。

提示：过滤器本来就是纯函数，不应该依赖于data(){return{}}中的数据，所以在过滤器中访问this，返回结果永远都是undefined。