Vue <スクリプト設定> の反応性が機能しない
<p>vue で <code><script setup></code> 構文を試していますが、なぜ反応性が機能しないのか疑問に思っています。ここで何が間違っているのでしょうか？ </p>
<pre class="brush:js;toolbar:false;"><テンプレート>
<button @click="changeButtonText">{{ buttonText }}</button>
</テンプレート>
＜スクリプト設定＞
'vue' から { ref } をインポートします
let buttonText = ref("Foo")
関数changeButtonText() {
buttonText = "バー"
}
</スクリプト>
</pre>
<p>ref()を使わずに試してみます。
<code>buttonText = ref("Bar")</code> を使用してみてください。効果なし</p>
