在v-model中使用@update:model-value是否可行？当前写法是否合规？

问题场景 #

现有以下Vue代码，目前可正常运行，既能同步firstName、lastName变量，又能触发updateForm方法：

<input v-model="firstName" @update:model-value="updateForm"/>
<input v-model="lastName" @update:model-value="updateForm"/>

已知v-model内部会使用@update:model-value事件，上述写法相当于给每个输入框同时绑定了v-model自带的和手动添加的两个@update:model-value处理逻辑，想确认：

1. 这种写法是否存在潜在问题？
2. 如果当前写法可行，是否无需为每个输入框单独定义updateFirstName、updateLastName这类方法？

解答 #

1. 写法本身无功能性问题
   v-model是Vue提供的语法糖，展开后等价于:model-value="变量" + @update:model-value="变量 = $event"。当你手动添加额外的@update:model-value事件时，Vue会把自带的变量更新逻辑和你自定义的updateForm方法合并执行——先完成变量同步，再调用updateForm，这就是当前代码能正常工作的原因。
   唯一需要注意的是：如果updateForm方法内部会修改firstName/lastName本身，可能会和v-model的默认更新产生重复操作，但如果只是做表单校验、提交这类和变量同步无关的逻辑，就完全没问题。

2. 无需额外定义单独方法
   如果你的需求是任何一个输入框变化都要触发相同的updateForm逻辑，当前写法是最优解，完全没必要多写updateFirstName、updateLastName这类重复方法。只有当不同输入框需要执行差异化的额外逻辑（比如不同的校验规则、不同的回调处理）时，才需要为每个输入框单独定义方法。

内容的提问来源于stack exchange，提问作者DRZ