【Vue.js】defineProps はなぜ import 文を書かずに使えるのか【マクロ】

<script setup> import { ref, computed } from "vue"; const props = defineProps({ count: Number }); const double = computed(() => props.count * 2); const message = ref("Hello, Vue.js"); </script> <template> <div> <p>{{ message }}</p> <p>{{ props.count }}</p> <p>{{ double }}</p> </div> </template> ・ ・ ・ ・ ・ ・ ・ なんで defineProps は import しなくても使えるの？？？？？ そんなことを思った方はいませんか？今日はその疑問を解決して差し上げます。 🚩 初めに 前回は Vu

[dorapon2000]

“見た目は完全に JavaScript の関数ですが、コンパイル後、この関数は(Vueの)コンパイラによって処理されてしまうので関数としては存在しません。”

[jay-es]

Vue.js のコンパイラーマクロについて