前言

filter译为过滤器，一般用于数据的筛选，转化，比如时间显示，后端传给你一个毫秒值，你需要将至转为yyyy-mm-dd，又或者后端传给你一个value，你需要显示对应的key值。

正文

代码实现

<template>
    <div>
        <div>日期：{{time | timeFormat}}</div>
        <div>类型：{{type | typeFormat | chToEn}}</div>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                time: '1586571957384',
                type: '2'
            }
        },
        filters: {
            timeFormat(val) {
                let t = new Date(parseInt(val, 10))
                return `${t.getFullYear()}-${t.getMonth()+1}-${t.getDate()}`
            },
            typeFormat(val) {
                switch(val) {
                    case '1':
                        return '快乐';
                    case '2':
                        return '悲伤';
                }
            },
            chToEn(val) {
                switch(val) {
                    case '快乐':
                        return 'happy';
                    case '悲伤':
                        return 'sad';
                }
            }
        }
        
    }
</script>