Vue <script settings> reaktiviti tidak berfungsi

Question

Saya sedang mencuba dalam vue dan tertanya-tanya mengapa kereaktifan tidak berfungsi. Apa yang salah di sini?

import { ref } daripada 'vue'

biarkan buttonText = ref("Foo")

function changeButtonText() {
    buttonText = "Bar"
}


Cuba tanpa menggunakan ref().
Cuba gunakan buttonText = ref("Bar"). Tiada kesan
            

Answer 1

Dalam fungsi anda, anda perlu berubah buttonText = "Bar" 到 buttonText.value="Bar"

Untuk maklumat lanjut tentang kereaktifan, lihat: https://vuejs.org/api/reactivity-core.html#ref