plunkerでvue その47

概要

plunkerでvueやってみた。
練習問題、やってみた。

練習問題

ipアドレスを表示せよ。

サンプルコード

Vue.createApp({
  el: '#app',
  data() {
    return {
      ip: 'ここにIPが表示されます'
    }
  },
  methods: {
    getIp() {
      this.ip = 'IPを取得しています';
      axios.get('https://httpbin.org/get').then((response) => {
        this.ip = response.data.origin;
      }).catch((reason) => {
        this.ip = 'IPの取得に失敗しました';
      });
    }
  }
}).mount('#app')

成果物

以上。