vue-基础-过滤器（filter）

最新推荐文章于 2024-01-29 09:48:59 发布

原创最新推荐文章于 2024-01-29 09:48:59 发布 · 5.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #vue.js #前端

vue 专栏收录该内容

23 篇文章

订阅专栏

本文详细介绍了如何在Vue框架中实现全局过滤器的注册与使用，通过具体代码示例展示了全局过滤器与局部过滤器的区别，以及它们在模板中的实际应用。

过滤器

//--------- main.js
// 注册
import Vue from 'vue';
function globalFilters (value) {
  return '全局过滤器过滤' + value;
}
// 这里注册就是全局过滤器了
Vue.filter('globalFilters', globalFilters);

// 使用  filtersData这是局部 globalFilters全局
<h2>{{ name | filtersData | filtersData}}</h2>
<h2>{{ name | globalFilters }}</h2>