Vue——过滤器 filter

局部过滤器，定义一个filters属性，为其添加过滤规则（function形式），第一个参数为过滤之前的值，通过return返回所需的值，可以通过第二个参数或者两个以上参数进行更精确的过滤，使用过滤器只需在模板标签中添加 | 以及过滤器名称即可，如果需要多个传参，可以像使用方法一样传参即可

[code]<template>
<div id="app">
{{name | UpperCase | filterNumber | LowerCase(i)}}
</div>
</template>

<script>
export default {
filters: {
UpperCase(value) {
return value.toUpperCase()
},
LowerCase(value,i) {
return value.toLowerCase()
},
filterNumber(value) {
return value.replace(/[0-9]/g, '')
},
Name(value, n) {
return value.replace(n, '')
}
}
}
</script>

<style lang="less">

</style>

全局过滤器

[code]Vue.filter('Yen',function(value) {
return '$'+value
})