时间戳

首页 > 解决方案 > 如何构造中间组件

vue.js - 如何构造中间组件

问题描述

我很想就我最近偶然发现的一个问题获得一些意见。比如说，我有一个Container用于布局和交互的组件，它将放置在父组件和子组件之间。内容（=子项）将是一个动态组件，它将向 提供数据Container，但也需要来自父项的数据。我将如何构建它以实现良好且简单的数据流？

我当前的设置看起来像这样，我在哪里

<Parent>
  <Container :title="titleFromChild">
    <DynamicChild :dataProps="dataFromParent" />
  </Container>
</Parent>

但是，这感觉是错误的，因为将数据Child从Container. 感觉好像我的设置有误，类似以下内容会更好。

<Parent>
  <Container 
    :title="titleFromChild"
    :component="dynamicChild"
    :dataProps="dataFromParent"
  />
</Parent>

任何人都有这个问题，可以给我一些见解吗？

标签： vue.js

解决方案

你应该从官方的 Vue API 参考中试试这个。

推荐阅读