Vue <Skripteinstellungen>-Reaktivität funktioniert nicht
P粉029327711
2023-09-05 18:07:35
<p>Ich probiere die <code><script setup></code>-Syntax aus und frage mich, warum die Reaktivität nicht funktioniert. Was ist hier los? </p>
<pre class="brush:js;toolbar:false;"><template>
<button @click="changeButtonText">{{ buttonText }}</button>
</template>
<Skript-Setup>
{ ref } aus 'vue' importieren
let buttonText = ref("Foo")
Funktion changeButtonText() {
buttonText = "Bar"
}
</script>
</pre>
<p>Versuchen Sie es, ohne ref() zu verwenden.
Versuchen Sie es mit <code>buttonText = ref("Bar")</code>. Keine Auswirkung</p>
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
在你的函数中你必须改变
buttonText = "Bar" 到buttonText.value="Bar"有关反应性的更多信息，请参阅：https://vuejs.org/api/ reactivity-core.html#ref