Vue3.0中如何监听props、reactive里面的值的变化方法

export default defineComponent({
  props: {
    isOpen: Boolean,
  },
  emits: {
    "close-modal": null,
  },
  setup(props, context) {
    watch(
      () => props.isOpen, // reactive同理
      (newProps) => {
        console.log(newProps);//查看新值
      }
    );
    const closeModal = () => {
      context.emit("close-modal");
    };
    return {
      closeModal,
    };
  },
});

 

posted @ 2022-11-14 16:08  RHCHIK  阅读(1396)  评论(0编辑  收藏  举报