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

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

<template>
</template>
<script>
import {defineComponent, reactive, watch} from 'vue';
export default defineComponent({
  name: "from",
  props: {
    record: {
      type: Object,
      default: null,
    }
  },
  setup: function (props, context) {
    const formState = reactive({
      headPic: '',
      nickname: '',
      password: '',
      username: '',
      roleDomainList: []
    });
    /*監(jiān)聽props*/
    watch(props, (nweProps, oldProps) => {
      for (let item in formState) {
        formState[item] = nweProps.record[item];
      }
    });
    return {
      formState
    };
  }
})
</script>
<style scoped>
</style>