vue中filter有什么用

这篇文章将为大家详细讲解有关vue中filter有什么用，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

filter

功能： 用于一些常见的文本格式化和一些规范数据mapping。
用法：

{{ message | capitalize }}

// 注册filters: {  capitalize: function (value) {    if (!value) return ''    value = value.toString()    return value.charAt(0).toUpperCase() + value.slice(1)  }}

// 全局注册Vue.filter('capitalize', function (value) {  if (!value) return ''  value = value.toString()  return value.charAt(0).toUpperCase() + value.slice(1)})new Vue({  // ...})

说明：

• 过滤器函数总接收表达式的值 (之前的操作链的结果) 作为第一个参数。

• 过滤器应该被添加在 JavaScript 表达式的尾部，由"管道"符号指示。

ps：过滤器可以接受多个参数，如{{ message | filterA('arg1', arg2) }}，这里，filterA 被定义为接收三个参数的过滤器函数。其中 message 的值作为第一个参数，普通字符串 'arg1' 作为第二个参数，表达式 arg2 的值作为第三个参数。

关于"vue中filter有什么用"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。