Vue的filter过滤器的使用

Vue官方文档：

过滤器在项目中还是比较常见的，让文本格式化、筛选出元素的对应的样式······

过滤器的用法：在需要过滤的值后边加上 |,

<template>
    <div>
        <h1 :class="style_h1 | filter_style">HOME</h1>
    </div>
</template>

<script>
export default {
    data(){
        return{
            style_h1:1,
        }
    },
    mounted(){
        
    },
    filters:{
        filter_style(item){
            if(item==1){
                return "one"
            }else{
                return "two"
            }
        }
    }
}
</script>

<style lang="less" scoped>

</style>

全局下配置filter，在main.js文件内：

vue.filter(“函数名”,()=>{});

Vue.filter("filter_money",(item)=>{
  return item
})