vue3 父组件给子组件传值 provide & inject

介绍

  • provide()inject() 可以实现嵌套组件之间的数据传递。
  • 这两个函数只能在 setup() 函数中使用。
  • 父级组件中使用 provide() 函数向下传递数据。
  • 子级组件中使用 inject() 获取上层传递过来的数据。
  • 不限层级

下面来看一个简单的例子。

父组件



子组件



补充

父组件可以通过ref创建响应式数据通过provide 共享给子组件

你可能感兴趣的:(vue3 父组件给子组件传值 provide & inject)