Dark mode
Composition API
API | Description | Category |
---|---|---|
setup() | ฟังก์ชันหลักสำหรับ Composition API | Core |
ref() | สร้าง reactive reference | Reactivity |
reactive() | สร้าง reactive object | Reactivity |
computed() | สร้าง computed property | Reactivity |
watch() | ติดตามการเปลี่ยนแปลง | Reactivity |
watchEffect() | รัน effect เมื่อ dependencies เปลี่ยน | Reactivity |
provide() /inject() | Dependency Injection | DI |
onMounted() | Lifecycle Hook | Lifecycle |
onUpdated() | Lifecycle Hook | Lifecycle |
onUnmounted() | Lifecycle Hook | Lifecycle |
useSlots() /useAttrs() | เข้าถึง slots/attrs | Core |
Lifecycle Hooks
API | Description | Category |
---|---|---|
onMounted() | เรียกเมื่อ component mounted | Lifecycle |
onUpdated() | เรียกเมื่อ component updated | Lifecycle |
onUnmounted() | เรียกเมื่อ component unmounted | Lifecycle |
onBeforeMount() | เรียกก่อน component mounted | Lifecycle |
onBeforeUpdate() | เรียกก่อน component updated | Lifecycle |
onBeforeUnmount() | เรียกก่อน component unmounted | Lifecycle |
onErrorCaptured() | เรียกเมื่อ error captured | Lifecycle |
onRenderTracked() | เรียกเมื่อ render tracked | Lifecycle |
onRenderTriggered() | เรียกเมื่อ render triggered | Lifecycle |
onActivated() | เรียกเมื่อ component activated | Lifecycle |
onDeactivated() | เรียกเมื่อ component deactivated | Lifecycle |
onServerPrefetch() | เรียกเมื่อ server prefetch | Lifecycle |
Dependency Injection
API | Description | Category |
---|---|---|
provide() | ระบุค่าที่จะถูก inject | DI |
inject() | รับค่าจาก ancestor component | DI |
hasInjectionContext() | ตรวจสอบว่ามี injection context หรือไม่ | DI |
Helpers
API | Description | Category |
---|---|---|
useAttrs() | เข้าถึง attrs | Core |
useSlots() | เข้าถึง slots | Core |
useModel() | เข้าถึง model | Core |
useTemplateRef() | เข้าถึง template ref | Core |
useId() | เข้าถึง id | Core |