La réactivité de Vue <script settings> ne fonctionne pas
P粉029327711
2023-09-05 18:07:35
<p>J'essaie la syntaxe <code><script setup></code> dans vue et je me demande pourquoi la réactivité ne fonctionne pas. Qu'est-ce qui ne va pas ici ? </p>
<pre class="brush:js;toolbar:false;"><template>
<button @click="changeButtonText">{{ buttonText }}</button>
</modèle>
<configuration du script>
importer { ref } depuis 'vue'
let boutonTexte = ref("Foo")
fonction changeButtonText() {
boutonTexte = "Barre"
}
</script>
≪/pré>
<p>Essayez sans utiliser ref().
Essayez d'utiliser <code>buttonText = ref("Bar")</code>. Aucun effet</p>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Dans ta fonction tu dois changer
buttonText = "Bar" 到buttonText.value="Bar"Pour plus d'informations sur la réactivité, voir : https://vuejs.org/api/reactivity-core.html#ref