Provide/Inject 传递的数据在子组件里为什么拿不到？

司马子晴提问于 2026-03-18 19:11:19 阅读 4

框架

我在父组件里用 provide 提供了一个响应式对象，然后在深层嵌套的子组件里 inject 了它。但奇怪的是，页面渲染的时候数据是空的，console.log 出来也是 undefined。我明明已经用 reactive 包裹过了，而且路径也没写错。

为了排除样式干扰，我还特意写了段简单的 CSS 确保组件能正常显示：

.debug-card {
  border: 1px solid #ccc;
  padding: 12px;
  margin: 8px 0;
  background: #f9f9f9;
}

试过把 provide 写在 setup 里和写成函数形式，都不行。是不是 inject 的时候要加什么特殊配置？

Vue3 状态管理

我来解答赞 0 收藏

反馈

1 条解答

___红芹 Lv1

在