ref biasa: 0

shallowRef: 0

Vue menggambar ulang karena datanya berubah. Yang butuh dorongan cuma shallowRef yang isinya dimutasi di tempat.

Tidak ada yang perlu dipasang.

Vue sudah menyediakan padanannya — ubah ref-nya; triggerRef() untuk shallowRef. Halaman ini menjelaskan cara memakainya.

Vue menggambar ulang karena datanya berubah, bukan karena disuruh. Kalau tampilan tidak ikut berubah, yang salah hampir selalu bukan ketiadaan pemicu — melainkan datanya memang tidak reaktif.

const hitung = ref(0)
hitung.value += 1   // tampilannya ikut, tanpa diminta

Satu-satunya kasus yang butuh dorongan adalah shallowRef yang isinya diutak-atik di tempat. Reaktivitasnya sengaja dangkal, jadi perubahan di dalamnya memang tidak terlihat:

const daftar = shallowRef([1, 2, 3])

daftar.value.push(4)   // tidak terlihat
triggerRef(daftar)     // baru terlihat

Kalau Anda sering memanggil triggerRef, biasanya shallowRef-nya yang salah pilih — ref biasa akan bekerja sendiri.