Forms 使用嵌套组件vuejs提交表单的最佳实践

我在VueJs做一个电话招标项目

我有一个页面创建或更新招标。为此，我有一个表单，其中包含：

经典表单输入

一个带有招标行的表（见4），我可以添加带有产品搜索组件的行（见3）

我想知道在表中的行中向我的api发送新的调用投标的做法是什么

谢谢你的回复。 瓦伦丁

你不需要：

• 您的整个州必须居住在1
• 您的状态必须通过传递给子组件
• 您的状态更新必须通过向上传递到父组件
• 您不需要将更新从搜索值传递到1，因为只有2关心它

请注意，该指令同时执行这两项操作，因为

是的别名

总的来说，应类似于：

Vue.config.productionTip=false；
常数三={
模板：``，
数据（）{
返回{
搜索：“”，
}
}
};
常数四={
模板：`
{{product.name}
`,
道具：['search'，'value']，
};
常数二={
模板：`
`,
组成部分：{3,4}，
道具：['value']，
数据（）{
返回{
搜索：“”，
};
},
};
常数一={
模板：`

表单值当前为{value}
`,
组件：{2}，
数据（）{
返回{
价值：{
标题：“”，
日期：未定义，
评论：“”，
产品：[
{名称：'螺丝刀'，选择值：false，数量：0}，
{name:'割草机'，选择：false，数量：0}，
{name:'car'，所选值：false，数量：0}，
],
},
};
},
};
新Vue({
el:“#应用程序”，
渲染：（h）=>h（一个），
});