vue.js使用時にvue-resourceでhttpリクエストを投げてみる
vue-resourceでhttpリクエストを投げてみた
公式では以下のようにvue-resourceは公式推奨からは外すけど、ajaxはVue自身が管理すべき領域でないからということで、使うべきではないとかそういった意味合いではないようだ。
https://jp.vuejs.org/2016/11/03/retiring-vue-resource/
インストール
$ npm install vue-resource
試してみる
jsファイル内に以下の追記を行いvue-resourceを有効化しておく
import VueResource from 'vue-resource' Vue.use(VueResource)
それからgetリクエストを投げる場合は、以下のようになる。
this.$http.get(リクエストURL').then( response => { console.info(response.body) }, response => { //エラー時の処理 }) }
簡単に動作確認はできた。
Vueの公式ではhttpリクエスト周りは自分で好きなの選んでということだったが、とりあえずはvue-resourceを使っとけば良いのかと思います。