Vue3 onMounted 道具未定義

Question

如何使用 vue3、 onMounted函數訪問我的屬性？

我正在使用setup script標簽：

<script lang="ts" setup>
import { ref, onMounted, computed, defineEmits, defineComponent } from "vue";

defineComponent({
  name: "DatePicker",
});

interface Props {
  configuration: object;
}

withDefaults(defineProps<Props>(), {
  configuration: () => ({}),
});

onMounted(() => {
  console.log(configuration);
});
</script>

configuration未定義。

為什么會這樣？

Answer 1

嘗試這個：

let props = withDefaults(defineProps<Props>(), {
  configuration: () => ({}),
});

onMounted(() => {
  console.log(props.configuration);
});