メソッドの中でメソッドを呼び出したときの戻り値の受け取り方

Question

こんにちは。
現在、Vueとgasを使ってアプリケーションを開発しています。

メソッドの中でメソッドを呼び出したときの戻り値の受け取り方がいまいちわからないので質問させてください。

＜やりたいこと＞
DataImportで取得したデータをDataFormatで使用したいです。
(datasにはスプレッドシートから取得したデータの配列が入っています)

初歩的な質問で申し訳ありません。
よろしくお願いします。

Home.vue


<template>
  <div>
      <Button @click="DataFormat">データ取得</Button>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import Button from '@/components/Button.vue';

export default {
    name: "home",
    components: {
    Button,
    },
    methods:{
        DataImport () {
          console.log("call DataImport")
          google.script.run
              .withSuccessHandler(function(datas){
                return datas　//スプレッドシートから取得したデータの配列
              })
              .getData();
        },

        DataFormat (datas) {
            this.DataImport()
            console.log("datas: "+datas)
        },

      
}
</script>

<style lang="scss">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

Answer 1

1. データ取得ボタンを押す
2. DataFormatメソッドが呼ばれる
3. DataFormatメソッド内でDataImportメソッドが呼ばれる
4. スプレッドシートから取得したデータの配列を取得してDataFormatメソッドへ返す
5. 4.で取得した配列をDataFormatメソッドが受け取ってconsole.log("datas: "+datas)する

という流れで合ってますかね？

であればDataFormatメソッドを下記のようにすれば実現できるはずです。

  DataFormat () {
            console.log("datas: " + this.DataImport())
        }

Vueとgasはそこまで詳しくないので見当違いだったら申し訳ないです！