vue3 main.ts引入 axios_基于 Vue3.0 Composition Api 快速构建实战项目，在vue展示数据，不要setup函数

在Vue 3.0 Composition API中，我们可以通过使用`ref`、`reactive`等响应式函数来定义数据，并且在`setup`函数中进行数据的初始化和处理。如果不使用`setup`函数，我们可以在`main.ts`中直接定义一个Vue实例，然后在其中使用响应式函数来定义数据，如下所示：

import { createApp, reactive } from 'vue';
import axios from 'axios';
import App from './App.vue';

const app = createApp(App);

const data = reactive({
  users: [],
});

axios.get('/api/users').then((response) => {
  data.users = response.data;
});

app.config.globalProperties.$data = data;

app.mount('#app');

在上面的代码中，我们定义了一个响应式对象`data`，其中包含了一个`users`数组，用于存储从后端API获取到的用户数据。我们使用`axios`发送一个GET请求获取数据，并将数据赋值给`data.users`。最后，我们将`data`对象通过Vue实例的`config.globalProperties`属性挂载到全局中，这样在组件中就可以通过`this.$data.users`来访问数据了。最后，我们使用`app.mount('#app')`将Vue实例挂载到DOM中。