如何实现一个简单的过滤器

说明：

一般我们请求后台接口时，有时候会返回一个时间戳的字段，在没有进行任何操作时，后台有时候只返回一串数字。例如后台返回了一个更新时间的字段：

createDate: 1620662400000

在vue当中，如果想解决这个字段，让它显示一个正常的时间结构，可以利用vue中的过滤器进行简单的过滤，例如：

这是逻辑部分

 data() {
    //全局配置时间过滤器
    Vue.filter("cdata", function(value) {
      var dt = new Date(value);
      var y = dt.getFullYear();
      var m = dt.getMonth() + 1;
      var d = dt.getDate();
    });

这是页面显示部分

  <template slot-scope="scope" column-key>
		<span>{{ scope.row.createDate | cdata }}</span>
		</template>
	    </el-table-column>
		<el-table-column
         width="180"
		prop="updateDate"
		align="center"
		label="修改时间"
		sortable>
<template slot-scope="scope" column-key>

本人是新手，也是第一次发布文章，所以大家不要嘲笑，我会一直努力的，谢谢啦！