vue.js中封装全局filter

创建filters文件夹，里面创建filters.js文件，用来定义全局filter

filters.js

let filterOne = (value) => {
  return value * 10
}
let filterTwo = (value, pm) => {
  return value * pm
}
export default {
  filterOne,
  filterTwo
}

main.js

import filters from './filters/filters.js'
for (let value in filters) {
  // value是filter名称（字符串）
  // filters[value] 对象里面的某个元素，就是filters中定义的方法
  Vue.filter(value, filters[value])
}

这样就全局定义了所有的filter，就可以在界面中使用了。

年龄：{{ age | filterOne | filterTwo(0.5) }}