語法糖

component

<template>
    <Child />
</template>

<script setup>
    import Child from "./Child.vue";
</script>

props emit

<script setup>
    import { defineProps } from "vue";

    const props = defineProps({
        title: String,
    });

    import { defineEmits } from "vue";

    const emit = defineEmits(["change", "delete"]);
</script>

slots 和 attrs

<!-- 舊 -->
<script setup>
    import { useContext } from "vue";

    const { slots, attrs } = useContext();
</script>

<!-- 新 -->
<script setup>
    import { useAttrs, useSlots } from "vue";

    const attrs = useAttrs();
    const slots = useSlots();
</script>

參考

https://juejin.cn/post/6983626263327932429