Vue中如何正确重置el-form表单数据和校验状态？

Question

在Vue项目中使用Element Plus时，如何正确重置`el-form`的表单数据和校验状态是一个常见问题。通常开发者会直接调用`this.$refs.form.resetFields()`，但如果表单绑定的是父组件传入的数据或响应式对象，可能会导致数据重置不完全或校验状态残留。例如，当表单数据由父组件通过`props`传递时，`resetFields`方法无法真正清空原始数据源，从而引发潜在bug。此外，如果自定义了某些非标准字段校验规则，单纯依赖`resetFields`可能无法完全清除校验提示。 如何确保在复杂场景下彻底重置表单数据和校验状态，同时避免影响外部数据源？这是需要深入探讨的技术难点。