vue过滤

举例子来说明吧

vue过滤的管道操作符为|

• 先局部注册组件

<template>
    <div>{{title | to-lowercase}}</div>
</template>
<script>
    export default{
        data(){
            return{
                title:'Vue'
            }
        }
    }
</script>

-全局注册 过滤器

Vue.filter('to-Lowercase',value={
    return value.toLowerCase()
})

<script>
    export default{
        data(){
            return{
                title:'Vue'
            }
        },
        
        filters:{
            toLowerCase(value){
                return value.toLowerCase()
            }
        }
    }
</script>

title经过管道toLowerCase之后，浏览器里展现出来的就是小写vue,