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