vue3 watch使用，避免出现监听不到数组的变化

感觉比vue2用起来麻烦了，props里面获取父传过来的数据，然后在setup里面写监听

注意！！！网上很多例子，第一个props.data都没写箭头函数，导致监听不到，必须写成箭头函数才能监听到data数组变化

props: {
    data: {
      type: Array,
      default: () => [],
    },
  },
setup(props, ctx) {
    watch(
      () => props.data,
      (val) => {
      	//val就是新的数据
        console.log(val);
        });
      }
    );
    return {
    };
  },
});