外部関数から取得するAPIの返り値をcreatedの中でdataに登録できない

Question

axiosを使用し外部関数としてAPIを取得する関数を作成しました。
その関数を使用しcreatedの中でAPIから返る値をdataに代入したいのですが下記に記載した内容ではうまくいきません。
こちらはどのようにすればcreated内で値を取得しdataに代入できるようになるのでしょうか？
ご教示いただければ幸いです。よろしくお願いいたします。

// 外部関数、コンポーネント側でグローバルに使用できるように
// import * as Api from "./axios"
// Vue.prototype.$Api = Api
// でグローバルに登録

import axios from "axios"

const get = async (url) => {
  return await axios.get(url)
}

export {get}

// コンポーネント側

export default {
  data() {
    return {
        test: ''
    }
  },
  async created() {
    this.test = await this.getApi()
    console.log(this.getApi()) // promiseが返る
  },
  methods: {
    async getApi() {
        return await this.$Api.get('https://api.myjson.com/bins/vqtjy')
        // ここで
        // .then(res => this.test = res.data)
        // とすれば取得できるのは確認できている
    }
  }
}

Answer 1

私が成功した例ご紹介しますね。
①Javasciript側はcallback関数で返してあげます。
②Vue側はmountedでデータをとってきてあげます。
（createdだとタイミングが早すぎるため描画されませんでした）

const axios = require('axios')

export function get(callback){
 axios.get(url)
  ,then(res =>{
    callback(res.data)
   })
  .catch(err =>{
   callback(null)
   })
}

import {get} from '@/api.js'

export default{
 data(){
  return{
   test: ''
  }
 },
 mounted(){
  this.getApi()
 },
 methods:{
  getApi{
  	get(data =>{
  	 this.test = data
  	})
  }
 }
}