Vue3: watch监控属性的几种使用场景

一、监控一般属性

 const value = ref('');
 watch(value, (newValue) => {
        ctx.emit('change', newValue);
 });
 or
 watch(value, (newValue,oldValue) => {
        ctx.emit('change', newValue);
 });

二、监控props属性

如果监控的是props属性, 必须要 () => props.value.否则不生效

export default defineComponent({
    name: 'FuseToolPanel',
    props: {
      value: {
        type: String,
      },
    },
    setup(props) {
      const fuseResultList: Array<FuseToolResult> = [];
      watch(
        () => props.value,
        (newValue) => {
          console.log('芯', newValue);
        }
      );
      return { fuseResultList };
    },
  });