我如何将属性直接传递给vuejs中的组件，例如reactjs

如何解决我如何将属性直接传递给vuejs中的组件，例如reactjs

这是react.js中的示例：

Form.jsx

<FormInput
 type='text'
 name='displayName'
 value={displayName}
 onChange={this.handleChange}
 required
/>

Input.jsx

const FormInput = ({ handleChange,...otherProps }) => (
    <input className="form-input" onChange={handleChange} {...otherProps} />
)

我的问题是，如何将属性传递给具有传播对象的其他组件？像react.js

解决方法

请参阅文档的this页。通过使用v-bind（不使用传播运算符）绑定对象，内部的 Vue.js 将提取出每个属性并将它们作为单独的props传递。在上面的示例中，您将执行以下操作：

<form-input
    type="text"
    name="displayName"
    required
    v-bind="otherProps"
    v-on:change="handleChange"
></form-input>

执行上述操作，就像手动将所有道具一一通过一样：

<form-input
    type="text"
    name="displayName"
    required
    v-bind:prop1="otherProps.prop1"
    v-bind:prop2="otherProps.prop2"
    v-bind:prop3="otherProps.prop3"
    ... etc ...
    v-on:change="handleChange"
></form-input>