const props = defineProps(['widgetIds'])
watch(
()=>props.widgetIds,
ids => {
console.log('widgetIds', ids)
},
{ deep: true, immediate: true }
)
这样写widgetIds只能被监听到一次
解决办法
const { widgetIds } = toRefs(props) // 解决props中的widgetIds只能被监听一次的问题
watch(
widgetIds,
ids => {
console.log('widgetIds', ids)
},
{ deep: true, immediate: true }
)
toRefs的作用是将响应式对象中的所有属性转换为单独的响应式数据