axiosを使ってJSONデータの読み込み
Vue.jsでサーバに置いたJSONデータを読み込む方法です。公式ドキュメントではaxiosの利用を推奨しており、代替でFetch APIが紹介されています。
コード
axiosを利用した場合のコードは以下の通り。
new Vue({
el: '#app',
data () {
return {
info: null
}
},
mounted () {
axios.get("http://example.com/data/test.json")
.then(function (response) {
this.info = response.data.sample1;
})
.catch(function (error) {
console.log(error);
});
}
})
最近は英語のドキュメントを確認する機会が多いですが、やはり日本語のドキュメントがあると理解しやすくて助かりますね。