vue3组合式api太强了,vue3.0 composition api,vue-composition-api,vue $api,vue常用api和实例属性,@vue/composition-api
Vue 3.0 组合式 API 提供/注入是一种新的 API 设计模式，旨在解决 Vue 2.x 中复杂组件逻辑难以维护和共享的问题。

提供/注入允许您从一个组件中提供数据/方法，然后在其子组件中使用它们，而无需通过 prop 和事件传递。这使得代码更加模块化，并且可以提高代码的可读性和可维护性。

下面是一个简单的示例，演示如何使用提供/注入：

javascript
// Parent component
import { provide, defineComponent } from 'vue'
import Child from './Child.vue'

export default defineComponent({
setup() {
const name = 'Alice'
const age = 20
provide('person', { name, age })

return { name, age }
},
components: {
Child
}
})

// Child component
import { inject, defineComponent } from 'vue'

export default defineComponent({
setup() {
const { name, age } = inject('person')

return { name, age }
}
})


在这个例子中，父组件通过 provide 注册名为 'person' 的数据对象，其中包含了 name 和 age 两个属性。子组件可以通过 inject 来访问该数据对象，并将其解构为本地变量 name 和 age。

使用这种方式，我们可以避免在组件之间传递大量的 props，从而简化了组件之间的通信。如果我们需要修改 'person' 的数据，也只需在父组件中进行修改即可，而不用修改其所有的子组件。

总之，提供/注入是 Vue 3.0 中非常有用的一个特性，可以使代码更加模块化和可维护。