Vue <腳本設定> 反應性不起作用
P粉029327711
2023-09-05 18:07:35
<p>我正在嘗試 vue 中的 <code><script setup></code> 語法，並想知道為什麼反應性不起作用。這裡出了什麼問題？ </p>
<pre class="brush:js;toolbar:false;"><template>
<button @click="changeButtonText">{{ buttonText }}</button>
</template>
<script setup>
import { ref } 從 'vue'
let buttonText = ref("Foo")
function changeButtonText() {
buttonText = "Bar"
}
</script>
</pre>
<p>嘗試不使用 ref()。
嘗試使用 <code>buttonText = ref("Bar")</code>。沒有效果</p>
在你的函數中你必須改變
buttonText = "Bar" 到buttonText.value="Bar"#有關反應性的更多信息，請參閱：https://vuejs.org/api/ reactivity-core.html#ref
#