vue then函数里面的值如何传递到外面

在 Vue 中，可以使用 Promise 的 then 方法来获取异步操作的结果。如果想要在 then 函数内部获取异步操作的结果并传递到外部，可以使用回调函数或 Promise 对象的 resolve 方法。

例如，在 Vue 组件中，可以定义一个 data 属性来存储异步操作的结果，在 Promise 的 then 函数中更新 data 属性的值，然后在组件模板中使用该 data 属性来显示异步操作的结果。

以下是一个示例代码：

<template>
  <div>
    <p>{{ result }}</p>
    <button @click="getData">获取数据</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      result: null
    }
  },
  methods: {
    getData() {
      // 发起异步请求
      fetchData().then((res) => {
        // 在 then 函数中更新 data 属性的值
        this.result = res.data
      })
    }
  }
}
</script>

在上面的代码中，fetchData 函数返回一个 Promise 对象，通过 then 函数获取异步操作的结果，并将结果存储在组件的 data 属性中。然后，在组件的模板中使用 result 属性来显示异步操作的结果。