javascript - Vue 将表单元素放入组件访问数据

Question

我想知道这是否有意义。我想我对组件很满意，想知道这样做的好处。我有 2 个表单元素输入和发送按钮，我已经为这两个元素创建了组件。我遇到了在 sibling 之间共享输入值数据的问题，我想是否值得额外的代码。我是否应该将它添加到一个表单组件中才更有意义。

<template>
  <div>
    <TextArea></TextArea>
    <SendButton></SendButton>
  </div>
</template>

Answer 1

这实际上是一种很好的封装方法，尤其是当这些元素的样式或界面比它们的基本 HTML 等价元素更漂亮时。但是您需要修改您的组件以接收向下传递的数据并传递任何更改。我会做这样的事情:

<template>
  <div>
    <TextArea v-model="myText"></TextArea>
    <SendButton @click="handleButtonClick"></SendButton>
  </div>
</template>