自定义过滤器

全局过滤器：Vue.filter() 局部过滤器：在组件的filters

全局过滤器和局部过滤器

• 全局过滤器：使用Vue.filter()方法注册，可以在整个应用中使用。

Vue.filter('reverse', function (value) {
   return value.split('').reverse().join('');
});

在模板中使用：

<span v-text="message | reverse"></span>

• 局部过滤器：在组件的filters选项中定义，只能在该组件内部使用。

var myComponent = Vue.extend({
   filters: {
     capitalize: function (value) {
       return value.charAt(0).toUpperCase() + value.slice(1);
     }
   }
});

在模板中使用：

<div>{{ message | capitalize }}</div>

自定义过滤器

通过管道符号（|）将数据传递给过滤器，并获取处理后的结果。例如：

<span>{{ message | reverse }}</span> <!-- 将message字符串反转 -->
<div>{{ amount | currency }}</div> <!-- 将amount转换为货币格式 -->