Vue 中如何复用新增与编辑表单弹窗，组织回显、重置和父子组件的数据流？

那我比如说我新增过之后，我再点击点击这个新增按钮，那因为它是 v-show 的，那它的数据还会保留，对吧？但是我要的是一个清空的一个弹窗。这个怎么办呢？

我又重新刷了一下数据，这个数据已经出来了。现在我想修改这个这条数据。那我这个主界面和这个弹框这个组件之间，我如何去把这个数据嗯要修改的数据给到弹窗去回显呢？

然后我现在我修改了一下，在表单上修改了他身高体重，对吧？我修改完之后把修改完的数据直接通过隐秘的传到子组件，父组件，还是说我在子组件调完接口后，我再把成功的消息给到父组件，让他去调修改接口，你用哪个方式比较好？

现在我这个新增的这个弹窗和修改的弹窗，它两个能合并吗？

那如我是点新增和点修改，我怎么知道这个弹窗是要做新增还是要做修改？因为新增的时候值是空的，修改的时候是填值的，那我如何知道呢？