我的需求是弹出一个模态框。使用visible控制隐藏与现实，需要watch，visible变化，执行其他相关操作。
核心代码如下：

import { watch, toRefs } from "vue";
const props = defineProps({visible: {type: Boolean,default: () => {return false;},},
});
const visible = toRefs(props).visible;
watch(visible, (newValue, oldValue) => {alert(newValue);
});