形式一：

  • main.js 设置全局变量

    import api from '@/api'app.config.globalProperties.$api = api

  • 应用全局变量，应用 getCurrentInstance 办法。

    // ctx.$api 就是全局设置的变量const {proxy: { $api },} = getCurrentInstance();// ctx.$api 就是全局设置的变量const { ctx } = getCurrentInstance();

    形式二：

  • vue3新的 provide/inject 性能能够穿透多层组件，实现数据从父组件传递到子组件。
  • 能够将全局变量放在根组件的 provide 中，这样所有的组件都能应用到这个变量。
  • 如果须要变量是响应式的，就须要在 provide 的时候应用 ref 或者 reactive 包装变量。