Advanced

Pola yang lebih jarang. Tiga di antaranya sudah dijawab Vue sendiri.

6 composables

// Cukup konstanta di luar setup
const formatter = new Intl.NumberFormat('id-ID')

Lihat halamannya untuk padanan Vue-nya.

watch(() => user.value.id, reload)

Lihat halamannya untuk padanan Vue-nya.

const message = ref('hello')
setTimeout(() => log(message.value), 1500)

Lihat halamannya untuk padanan Vue-nya.

const submit = useLockFn(async () => {
  await save(form)
})

Membungkus fungsi async supaya tidak bisa jalan dua kali bersamaan.

// Fungsi di setup sudah stabil
const send = () => { /* … */ }

Lihat halamannya untuk padanan Vue-nya.

const count = ref(0)
const previous = usePrevious(count)

Nilai sebelumnya dari sesuatu yang berubah.