Vue.jsで配列にデータを格納しても中身が空の状態になる

Question

前提・実現したいこと

Vue.js で外部ライブラリを使ってデータを配列に格納しようしてるのですが
最終的に出力するresultの中身が何も入ってない状態で出力してしまいます。
何か解決策、もしくは参考サイトなどご存じの方がいらっしゃればご教授いただけませんでしょうか。
よろしくお願い致します。

該当のソースコード

<template>
  <div id="app">
	  {{ this.result }}
  </div>
</template>

<script>
import onsen from 'onsen-node';

export default {
  name: 'app',
	data() {
    return {
      radios: [],
      result: [],
    }
  },
	methods: {
    reversedMessage() {
      onsen.getList((list) => {
        if (list !== null) {
          this.radios.push(list);
        }
      });
      const v = onsen.getInfo('番組名', (info) => {
        if (info !== null) {
          this.result.push(info);
        }
      });
      this.radios.forEach((item, key) => {
        item[key].forEach((radio) => {
          v(radio);
        });
      });
    },
  },
  mounted() {
    this.reversedMessage();
  },
}
</script>

<style>
</style>

Comments

[tanishi_a]

{{ }} の中に this は不要、とか・・？