vue3 ref拿到接口数据

在Vue 3中，可以使用`ref`来获取接口数据。`ref`是Vue 3中的一个响应式API，它可以将普通的JavaScript数据换为响应式数据。

首先，你需要导入`ref`函数：

import { ref } from 'vue';

然后，你可以使用`ref`函数来创建一个响应式的变量，并将接口数据赋值给它：

const data = ref(null); // 创建一个初始值为null的响应式变量

// 在某个方法或生命周期钩子中获取接口数据
axios.get('your-api-url').then(response => {
  data.value = response.data; // 将接口数据赋值给响应式变量
});

在模板中，你可以通过访问`data.value`来获取接口数据：

<template>
  <div>
    <p>{{ data.value }}</p>
  </div>
</template>

这样，当接口数据发生变化时，模板中的数据也会自动更新。