Challenge 1 / 1

Which of the following will result in an Ajax call that's executed as soon as possible and then set the returned value onto a piece of data?

import { myAjaxCallFunction } from '@/services/my-service';

const myStoredData;
myAjaxCallFunction().then((response) => {
    myStoredData = response.data['hydra:member'];
});

export default {
    name: 'MyComponent',
    data() {
        return {
            myStoredData,
        };
    },
};

import { myAjaxCallFunction } from '@/services/my-service';

export default {
    name: 'MyComponent',
    data() {
        return {
            myStoredData: null,
        };
    },
    async beforeMount() {
        this.myStoredData = (await myAjaxCallFunction()).data['hydra:member'];
    },
};

import { myAjaxCallFunction } from '@/services/my-service';

export default {
    name: 'MyComponent',
    data() {
        return {
            myStoredData: null,
        };
    },
    async created() {
        this.myStoredData = (await myAjaxCallFunction()).data['hydra:member'];
    },
};

  import { myAjaxCallFunction } from '@/services/my-service';

  export default {
      name: 'MyComponent',
      data() {
          return {
              myStoredData: null,
          };
      },
      async mounted() {
          this.myStoredData = (await myAjaxCallFunction()).data['hydra:member'];
      },
  };

Rewatch the video