Vue.jsで表作成しているがaxiosで取得するデータがループする

実現したいこと

米国の特許検索サイトのAPIを利用して特許の検索結果と件数を取得しています。
今回作っているサイトには、Historyという過去に検索したワードのモデルがあります。これらの検索ワードと、ヒット件数（リアルタイムでそのワードを検索すると何件ヒットするか）を表にしたいです。

困っていること

下記のようにVue.jsを書いていますが、<td>{{word_return(h["content"])}}</td>の部分がうまく表示されません。
具体的には、Historyの中に保存されている検索ワードが永遠にループしてhに格納され、かつ表の全ての行に反映されてしまいます。
具体的には、Historyに保存されている検索結果がAmazon,Google,Facebookだった場合、Amazon:10件,Google:5件,Facebook:1件のように表示したいのですが、Amazon:10件,Google:10件,Facebook:10件　→ Amazon:5件,Google:5件,Facebook:5件　→ Amazon:1件,Google:1件,Facebook:1件を永遠にループしています。
修正点教えていただきたいです。

<template>
  <div>
    <table border="1">
      <tbody>
        <tr>
          <th>History</th>
          <th>Results</th>
        </tr>
        <tr v-for="(h, i) in history" :key="h">
          <td>{{h["content"]}}</td>
          <td>{{word_return(h["content"])}}</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
  import axios from 'axios';

  export default {
    data() {
      return {
        history: [],
        history_number: 0,
      }
    },

    methods: {
      word_return: function(contentWord){
        axios
          .get('/api/v1/total_page',{
            params: {
              my_params: [contentWord, 1]
            }
          })
          .then(response => (this.history_number = response.data));
        return this.history_number;
      }
    },

    mounted() {
      axios
        .get('/api/v1/histories.json')
        .then(response => (this.history = response.data))
    },
  }

</script>