<p>我正在尝试 vue 中的 <code><script setup></code> 语法，并想知道为什么反应性不起作用。这里出了什么问题？</p> <pre class="brush:js;toolbar:false;">&lt;template&gt; &lt;button @click=&quot;changeButtonText&quot;&gt;{{ buttonText }}&lt;/button&gt; &lt;/template&gt; &lt;script setup&gt; import { ref } from 'vue' let buttonText = ref(&quot;Foo&quot;) function changeButtonText() { buttonText = &quot;Bar&quot; } &lt;/script&gt; </pre> <p>尝试不使用 ref()。 尝试使用 <code>buttonText = ref("Bar")</code>。没有效果</p>