kotak-satu

kotak-dua

Terpantau: —

Tidak ada yang perlu dipasang.

Vue sudah menyediakan padanannya — lib/target + watch. Halaman ini menjelaskan cara memakainya.

Di Kliping ini turun jadi helper, bukan composable yang dipasang sendiri. toValue() sudah menyelesaikan ref dan getter sekaligus, jadi yang tersisa cuma satu hal: instance komponen yang menyimpan elemennya di $el.

import { bacaElemen } from '@/lib/target'

watch(
  () => bacaElemen(target),
  (elemen) => {
    if (!elemen) return
    // pasang di sini — dan lepas yang lama lebih dulu
  },
  { immediate: true, flush: 'post' },
)

Dua opsi di baris terakhir itu penting: immediate supaya target yang sudah ada sejak awal tidak menunggu perubahan yang tidak akan datang, dan flush: 'post' supaya template ref-nya sudah terisi saat gilirannya tiba.

bacaElemen ikut terpasang otomatis bersama composable mana pun yang membutuhkannya.