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: "show"

这个警告是在你尝试直接修改从父组件传递下来的`show` prop 的值时产生的，它的意思是你不能直接修改从父组件传递下来的 prop 的值，因为这个值会在父组件重新渲染时被覆盖掉，可能会导致不可预期的行为。

为了解决这个问题，你可以在子组件中定义一个与 prop 同名的 data 属性，并将 prop 的值赋给它，然后在子组件中操作这个 data 属性的值即可。这个 data 属性就可以作为子组件内部的状态来处理。

例如，如果你的子组件有一个名为`show`的 prop，你可以按照以下方式修改它：

<template>
  <div v-if="visible">...</div>
</template>

<script>
export default {
  props: {
    show: {
      type: Boolean,
      required: true
    }
  },
  data() {
    return {
      visible: this.show
    }
  },
  watch: {
    show(val) {
      this.visible = val
    }
  }
}
</script>

在这个示例代码中，我们定义了一个名为`visible`的 data 属性，并将`show` prop 的值赋给它。然后我们在组件的模板中使用了`v-if="visible"`来控制组件的显示和隐藏。在组件的`watch`选项中，我们监听了`show` prop 的变化，并在变化时将它的值赋给`visible` data 属性，以保证组件的状态与 prop 始终同步。这样就可以避免直接修改 prop 的问题了。