Vue-cliでJSONデータを表示したい

Question

Vueを使ってJSONデータをウェブに表示したいのですが全く文字が出てきません。
どのようにしたら解決したらよろしいでしょうか？
JSONが所得できていることは確認しました。

<template>
  <p v-text="json_data">jsonを表示させたい</p>
</template>

<script>
import axios from "axios";

export default {
  name: get_json,
  data() {
    return {
      json_data: []
    };
  },
  methods: {
    created() {
      axios
        .get(
          url
        )
        .then(response => {
          this.json_data = response.data;
        });
    }
  }
};
</script>

Answer 1

v-textの使い方が間違っています（公式サイトの該当箇所）。v-textは値に文字列を期待しています。

取得されたresponse.data(json_data)は文字列ではなく、配列([ ... ])かオブジェクト({ ... })のはずです。なお、axiosの使用例は公式サイトのこちらにあります。

公式サイトのaxiosの例はかなりシンプルなので、最終的にkeimoriyamaさんが目指しているものとは違うかもしれません。もし、JSONが配列([])で、配列の各データを繰り返し表示することがゴールなのであれば、公式サイトのこちらに情報が載っています。

Answer 2

Vue.jsでは以下のようにしてdataをhtml内で用いることができます

<p>{{json_data}}</p>

ひとまずこれでなんらかの文字列が画面に表れることを確認してみてください