vue的provide与inject

Vue的provide与inject是一种在组件之间共享数据的方式。通过在父组件中使用provide选项来定义要提供给子孙组件的数据，然后在子孙组件中使用inject选项来接收这些数据。

provide选项可以是一个对象或一个返回对象的函数。当provide选项是一个对象时，其属性和值会被提供给子孙组件。当provide选项是一个返回对象的函数时，函数会在每次重新渲染时都被调用，并且返回的对象会被提供给子孙组件。

在子孙组件中，可以使用inject选项来接收提供的数据。inject选项是一个数组，数组中的每一项都是一个要接收的属性名。这样，在子孙组件中就可以直接访问父组件提供的数据。

需要注意的是，provide与inject是非响应式的。也就是说，当提供的数据发生变化时，不会触发子孙组件的重新渲染。然而，如果提供的数据是一个可监听的对象，那么对象的属性仍然是可响应的，即当属性发生变化时，子孙组件会重新渲染。

总结起来，provide与inject是一种在Vue组件之间共享数据的方式，通过在父组件中提供数据，然后在子孙组件中接收数据实现。虽然provide与inject本身是非响应式的，但提供的数据如果是可监听的对象，那么其属性仍然是可响应的。