vue中过滤器filter的全局封装和使用

1.在vue项目的 src/ 文件夹下新建一个文件夹为 plugins,然后在 plugins/ 下新建 filter.js 文件,写入如下代码

vue中过滤器filter的全局封装和使用 

2.在vue项目的 main.js 文件,写入如下代码 

vue中过滤器filter的全局封装和使用 

方便你复制~~~~

  1. import filter from './plugins/filter'

  2. // 全局导入过滤器

  3. Object.keys(filter).forEach(key => Vue.filter(key, filter[key]))

 3.在组件中使用

vue中过滤器filter的全局封装和使用 

4.效果~~~~

vue中过滤器filter的全局封装和使用