Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "dialogVisible"

这个错误提示是因为你在子组件中直接修改了从父组件传递而来的 prop 值，而不是在子组件内部通过 data 或 computed 属性基于 prop 值创建一个副本来修改。直接修改 prop 值会导致一些难以调试的问题，因为这个值会在父组件重新渲染时被覆盖掉。你应该在子组件中使用一个 data 或 computed 属性来存储这个 prop 值，并在需要修改它时修改这个属性的值。例如，在子组件中可以这样定义一个 data 属性：

data() {
  return {
    localDialogVisible: this.dialogVisible
  }
}

然后在子组件中使用 `localDialogVisible` 属性来控制对话框的显示和隐藏，而不是直接使用 `dialogVisible`。这样就避免了直接修改 prop 值的问题。