const installer = { vm: {}, install (Vue, router = {}) { Vue.use(VueAxios, router, service) } }vue2转化为vue3

在Vue 2中，`installer`对象包含了安装Vue及其插件的方法，其中`vm`和`install`函数用于设置Vue实例和配置 Axios 插件。要将这个结构转换成Vue 3的Composition API风格，我们可以重构它，如下所示：

import { createApp } from 'vue';
import { useAxios } from './hooks'; // 假设 hooks.js 文件中有 useAxios 的定义

export default function setup(Vue, router = {}) {
  // 使用 Composition API
  const app = createApp(Vue);
  
  // 注册 Axios 插件，这里直接在 setup 中使用 useAxios
  app.provide('service', useAxios(router)); // 将 service 提供给全局

  // 安装功能，不再需要手动调用 Vue.use()
  app.config.globalProperties.$axios = app.inject('service'); // 获取并注入服务

  app.mount('#app');
}

// 如果要在其他地方使用 setup，只需要调用 setup 实例化 Vue
setup(Vue);

在这个版本中，我们使用了 `createApp` 函数替代了 Vue.extend，然后通过提供 (`provide`) 和注入 (`inject`) 来管理组件之间的依赖。`$axios` 属性在全局范围内可用，可以直接在任何组件内访问。