kliping.pro
  • Docs
  • Directory
  • Colors
  • Typeset
Hooks
  • State7
  • Advanced6
    • useCreation
    • useCustomCompareEffect
    • useLatest
    • useLockFn
    • useMemoizedFn
    • usePrevious
  • Lifecycle16
  • Browser21
  • Development1
  • Third-Party4
  • Libraries4

useCreation

PreviousNext

Objek yang dibuat sekali. Di Vue itu perilaku bawaan setup().

Tidak ada yang perlu dipasang.

Vue sudah menyediakan padanannya — nilai biasa, atau computed(). Halaman ini menjelaskan cara memakainya.

Tidak ada render kedua yang membuat isi setup() lahir lagi. Objek mahal cukup dibuat sebagai nilai biasa:

ts
const pengurai = new Intl.NumberFormat('id-ID', { style: 'currency', currency: 'IDR' })

Dibuat sekali, dipakai selamanya — tanpa pembungkus, tanpa daftar dependensi.

Yang butuh perhitungan ulang saat sumbernya berubah adalah hal berbeda, dan itu computed():

ts
const terformat = computed(() => pengurai.format(harga.value))

Bedanya sederhana: nilai biasa untuk yang tetap, computed() untuk yang mengikuti.

PrevioususeToggleNext useCustomCompareEffect
Dirilis di bawah lisensi MIT. Ditulis ulang untuk Vue dari shadcn-vue, shadcn-ui-blocks, dan shadcn-hooks. Hak cipta © 2026 Kliping