vue3 关于子组件需要遍历prop参数的方法

vue3的子组件接受的prop属性都是 以proxy形式存贮的, 有时对接收的属性需要遍历直接用常规的遍历方法是无效的,需要把proxy对象内的原始值取出来

toRaw vue3提供的解proxy的方法

import {toRaw} from 'vue';

watch内监听属性 需要加入一个定时操作 第一时间运行是无效的

watch(
  () => props.xxx,
  () => {
    setTimeout(() => {
      function()
    }, 100);
   
  },
);

拿到原始值,此时按常规操作即可

 function () {
  let imgData = toRaw(imageArr.value)
}