Vue <스크립트 설정> 반응성이 작동하지 않습니다.
P粉029327711
2023-09-05 18:07:35
<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>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
기능을 변경해야 합니다.
buttonText = "Bar" 到buttonText.value="Bar"반응성에 대한 자세한 내용은 다음을 참조하세요. https://vuejs.org/api/reactivity-core.html#ref