Vue 3: Bagaimana untuk mendapatkan dan mengubah suai set pembolehubah dalam fungsi komponen
P粉463840170
2023-08-24 19:32:40
<p>Pertimbangkan contoh mudah berikut menggunakan API komposisi dalam Vue 3. Saya mahu menggunakan contoh <code>test</code> dalam fungsi komponen. </p>
<pre class="brush:php;toolbar:false;"><script>
import { defineComponent, ref, onMounted } daripada 'vue'
eksport lalai defineComponent({
nama: 'Ujian',
persediaan(){
biarkan ujian = ref()
onMounted(() => {
lakukan sesuatu()
})
kembali{
ujian,
lakukan sesuatu
}
}
})
fungsi doSomething(){
console.log(ujian) //<-- tidak ditentukan
console.log(this.test) //<-- undefined
}
</script></pre>
<p>Bagaimana untuk mengakses <code>test</code> di dalam <code>doSomething()</code>? Pemahaman saya ialah apa-apa yang dikembalikan oleh <code>setup()</code> harus tersedia di seluruh komponen, sama seperti atribut <code>data()</code> </p>
Anda mesti lulus
ref
sebagai parameterKaedah lain: