watch

นาฬิกา (หายไป) สำหรับ @vue/reactivity ทำงานโดยไม่มี Vue

ต้องการทราบวิธีการทำงานหรือเขียนด้วยตัวเอง? ตรวจสอบโพสต์บล็อกนี้

ติดตั้ง

 npm ฉัน @vue-reactivity/ watch

การใช้งาน

หมายเหตุ: เนื่องจากไม่มีอินสแตนซ์ Vue ที่จะเชื่อมโยง watch จะ ไม่ ถูกกำจัดโดยอัตโนมัติ คุณต้องเรียกใช้ฟังก์ชันส่งคืน อย่างชัดเจน เสมอเพื่อหยุดการทำงาน หรือคุณสามารถลอง @vue-reactivity/scope ซึ่งจะรวบรวมเอฟเฟกต์ให้คุณโดยอัตโนมัติ

เช่นเดียวกับสิ่งที่คุณทำใน Vue

 import { ref , reactive , computed } from '@vue/reactivity'
import { watch , watchEffect } from '@vue-reactivity/watch'

const count = ref ( 1 )

const stopWatch = watch (
  count ,
  ( newValue ) => {
    console . log ( `Count: ${ newValue } ` )
  }
)

count . value += 1
// Count: 2

stopWatch ( ) 

ใบอนุญาต

เอ็มไอที