vue如何过滤api的部分数据

Question

想到用vue的过滤器但还是不知道具体怎么弄

场景是：页面一进来，就异步从服务器获取到动态数据。但我想对其进行一些过滤。比如，返回下面的数组的话：

data:[
     {
       "name":"a",
       "age":18
     },
     {
       "name":"b",
       "age":18
     },
     {
       "name":"c",
       "age":19
     }
]

我想输出每个对象的名字和年龄，但是a和b两人是同龄的，b的年龄就应该被过滤掉，以免重复

尝试过直接在v-for那里写简单逻辑。。用index。。发现不可行。。
在钩子函数写却又不知道写在computed好还是created还是？

Answer 1

用 computed 啊

    computed: {
        allAges: function() {
            var ageList = this.data.map(m => m.age);
            return [...new Set(ageList)];
        }
    }