想請問各位寫Vue3的大大
<script setup>
const props = defineProps();
const { name } = props;
/*
由於上行這樣寫會讓失去響應性，name如果更新，畫面不會更新
因此需改成：
const { name } = toRefs(props);
*/
</script>
<template>
<h1>Hello {{name}}</h1>
</template>
其中我有疑問的是如果原本會失去響應的寫法：
const props = defineProps();
const { name } = props;
改成 const { name } = defineProps();
就可以不用透過toRefs，也能正常動作
但不明白的是
const props = defineProps();
const { name } = props;
與
const { name } = defineProps();
不是一樣的寫法嗎?
為什麼結果會不一樣呢?

因為它只是macro。如果只有template會用到，最好寫成defineProps(['name'])

是你奇怪吧為什麼prop的欄位不寫在defineProps你另外寫一個 { name } 是想幹麻

而且你寫法1那種本來就大概需要watch/computed才會響應吧

可以看看產出的js有何差別

defineProps<{name: string}>(); 不用解構可以直接用name吧