Vue中filters过滤器怎么使用

这篇文章主要介绍"Vue中filters过滤器怎么使用"的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇"Vue中filters过滤器怎么使用"文章能帮助大家解决问题。

1、示例代码

采用vue单文件组件，使用moment插件格式化日期

2、效果

3、说明

过滤器内是没有this引用的，过滤器内的this是undefined，所以不要在过滤器内尝试使用this引用组件实例的变量或者方法。

ps：下面看下Vue 过滤器的基本用法

// 注册Vue.filter('my-filter', function (value) { // 返回处理后的值})// getter，返回已注册的过滤器var myFilter = Vue.filter('my-filter')//在mustache中使用{{ msg | uppercase }}

或

//在标签中使用

关于"Vue中filters过滤器怎么使用"的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注行业资讯频道，小编每天都会为大家更新不同的知识点。