Vue.js methodをcreated時に呼び出す方法について

Question

Vue.jsを利用していて、以下コードを書きました。

imagesという空の配列を持っていて、
そこに、methods内で定義されているget_images関数を利用し
どんどん画像情報をimages内に追加していくイメージです。

  export default {
    data: function () {
     return {
       images: []
     }
    },
    methods: {
      get_images: function(){
        axios.get('/images')
        .then((res) => {
          this.images.push(res.data.images)
        });
    },
    created: get_images
  }

まずは初回の画像をcreated時に入れるイメージで上記コードを書いたのですが、
動きませんでした。
調べたところ、どうもcreatedのget_imagesを意図通りに読み込めておらず、調査のために
created: console.log(get_images)と修正したところ、出力はundefinedでした。

そもそもの理解に間違っているところがあると思うのですが、
どうすればcreated時にget_imagesを呼び出せるようになりますでしょうか。

どうぞよろしくお願いいたします。

Answer 1

thisが必要。

created: function () {
  this.get_images()
}

Comments

[020n]

ありがとうございます！無事動きました。