La réactivité de Vue <script settings> ne fonctionne pas
<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>