vue中的过滤器嘿嘿，以前就看到文档知道有这个东西，从来没用过，今天看视频刚刚好有看到这个了，此刻已经记住了，下次估计又

嘿嘿，以前就看到文档知道有这个东西，从来没用过，今天看视频刚刚好有看到这个了，此刻已经记住了，下次估计又忘记，记录一下方便下次用到可以copy

使用过滤器: {{xxx | 过滤器名}} 或者 v-bind：属性 = 'xxx | 过滤器'

局部过滤器filters

// 过滤器不传参
<h2>{{ time | timeFormater }}</h2>
// 过滤器传参并使用多个过滤器
// 先把time作为参数传给timeFormater函数，再把timeFormater返回的结果作为参数传递给mySlice，并不会直接把time传递给mySlice
<h2>{{ time | timeFormater('YYYY年MM月DD日') | mySlice }}</h2>

data() {
   time: Date.now()
},
filters: {
    timeFormater(value, str= 'YYYY年MM月DD日 HH：mm：ss'){
        return dayjs(value).format(str)
    }，
    mySlice(value) {
        return value.splice(0,4)
    }
}

全局过滤器filter

定义在创建new Vue实例之前定义

Vue.filter('mySlice', function(value) {
    return value.slice(0,4)
})