Question

我有一个嵌套组件的结构，如下所示：

<component A>
  <button "save data">
  <component B>
    <form>
      <component C>
        <input/>
        <input/>
        <input/>
      </component C>
      <component D>
        <input/>
        <input/>
        <input/>
      </component D>
    </form>
   </component B>
</component A>

输入代表v-text-field中的Vuetify。单击按钮后，我想从输入中接收数据。如何在Vue中做到这一点？

Answer 1

如果您尝试跨多个组件共享数据，则值得研究Vuex，它可以集中化数据并使其更易于管理： https://vuex.vuejs.org/

如果您的应用足够简单，则可以使用事件总线： https://vuejs.org/v2/guide/migration.html#dispatch-and-broadcast-replaced

那里的文档建议使用Vuex，除非是非常简单的情况。 https://vuejs.org/v2/style-guide/#Non-flux-state-management-use-with-caution

如何从嵌套组件接收数据？

1 个答案: