简介
过滤器和自定义指令类似,你可以用全局方法 Vue.filter(),传递一个过滤器 ID 和一个过滤器函数来注册一个自定义过滤器。过滤器函数会接受一个参数值并返回将其转换后的值。
操作
创建文件目录
//src/fliter/index.js
export function double (a) {
return a*a
}
注册所有过滤器
//entry.js
// register global utility filters.
Object.keys(filters).forEach(key => {
Vue.filter(key, filters[key])
})
添加过滤器方法
//CounterStore.vue
<text class="title">Clicked: {{ getCount | double}} times, count is {{ evenOrOdd }}.</text>
运行可得count结果经过过滤器方法处理。