vue3中如何使用provide 和 indject

在Vue3中，可以使用provide和inject来实现组件之间的依赖注入。provide和inject是成对使用的，provide用于提供数据，inject用于注入数据。

在父组件中，可以使用provide来提供数据，例如：

provide() {
  return {
    message: 'Hello World'
  }
}

在子组件中，可以使用inject来注入数据，例如：

inject: ['message']

这样，子组件就可以通过this.message来访问父组件提供的数据了。

需要注意的是，provide和inject是不响应式的，也就是说，如果提供的数据发生变化，注入的组件不会自动更新。如果需要响应式的数据，可以使用Vue3的响应式API来实现。