vue3 注入js方法

在Vue 3中，可以使用provide/inject API来注入JavaScript方法或实例。这是一个基于属性依赖注入的方式，允许你在组件树中的任意地方注入依赖项。

首先，在父组件中使用provide方法来提供一个JavaScript方法，例如：

// ParentComponent.vue

import { provide } from 'vue';

export default {
  setup() {
    const myMethod = () => {
      console.log('This is my method!');
    };
    provide('myMethod', myMethod);

    // ...
  }
}

然后，在子组件中使用inject方法来依赖注入这个方法，例如：

// ChildComponent.vue

import { inject } from 'vue';

export default {
  setup() {
    const myMethod = inject('myMethod');

    myMethod();

    // ...
  }
}

在这个例子中，子组件通过inject方法获取了父组件提供的名为'myMethod'的JavaScript方法，并在setup函数中调用它。

需要注意的是，provide/inject API只能在setup函数中使用，并且只能在同一个组件树中使用。如果你需要在不同的组件树中共享依赖项，可以考虑使用Vue的全局API或创建一个独立的依赖注入容器。