组件中的异步计算-VueJS？

我在组件中找到异步计算方法的解决方案：

目前，我的组件是：

<div class="msg_content">
   {{messages}}
</div>

<script>
export default {
  computed: {
    messages: {
      get () {
        return api.get(`/users/${this.value.username}/message/`, {'headers': { 'Authorization': 'JWT ...' }})
        .then(response => response.data)
      }
    }
  },
}
</script>

结果： {}

如何在Promise模式下重写它？因为我认为我们可以通过写入Promise模式来进行异步计算。