Vue <스크립트 설정> 반응성이 작동하지 않습니다.
<p>vue에서 <code><script setup></code> 구문을 시험해 보고 있는데 왜 반응성이 작동하지 않는지 궁금합니다. 여기서 무슨 문제가 있습니까? </p>
<pre class="brush:js;toolbar:false;"><템플릿>
<button @click="changeButtonText">{{buttonText }}</button>
</템플릿>
<스크립트 설정>
'vue'에서 { 참조 } 가져오기
let ButtonText = ref("Foo")
함수 변경버튼텍스트() {
버튼텍스트 = "바"
}
</스크립트>
</pre>
<p>ref()를 사용하지 않고 시도해 보세요.
<code>buttonText = ref("Bar")</code>를 사용해 보세요. 효과 없음</p>
