DEV Community

loading...

Svelte 컴포넌트 런타임 API

composite profile image Ukjin Yang ・1 min read

컴포넌트 내에서 this 를 사용할 수 없다.
추출 당시 버전: Svelte 3.19.4

  • $$invalidate:
  • $$props: 컴포넌트 속성
    • $$scope: 런타임 스코프 가이드
    • ctx: 바인딩 컨텍스트 (전역속성)
    • $$slots: 컴포넌트 슬롯 구조
    • [default|name]: 슬롯 정의 명칭. 생성한 순으로 배열 기록
      • 각 속성의 배열 길이로 컴포넌트 하위 슬롯 포함 여부만 알 수 있음.
  • $$scope: 런타임 스코프 가이드 (전역, $$props.$$scope 내용과 동일)
  • $$self: 컴포넌트 인스턴스 (import { current_component } from 'svelte/internal' 선언 결과와 동일)
    • 컴포넌트에 선언한 prop 이 있다.
    • $$ 인스턴스에서 각 기능 선언에 대한 런타임 속성
    • after_update: 컴포넌트 내 선언한 afterUpdate 콜백 모음
    • before_update: 컴포넌트 내 선언한 beforeUpdate 콜백 모음
    • bound:
    • callbacks: onclick 같은 이벤트 바인딩 함수 구조
    • context: Context API로 선언한 컴포넌트 컨텍스트
    • ctx: 사용 불가
    • dirty:
    • fragment:
    • not_equal(a,b): <svelte:options immutable> 적용에 따른 검증 함수
    • on_destroy: 컴포넌트 내 선언한 onDestroy 콜백 모음
    • on_mount: 컴포넌트 내 선언한 onMount 콜백 모음
    • props: 런타임에서 관리하는 컴포넌트 속성
    • skip_bound: Boolean
    • update: 런타임 내 컴포넌트 업데이트 함수. 사용불가
  • 각종 letconst 등으로 선언한 변수/상수들
  • slots: 런타임 슬롯 생성 함수 ($$props.$$slots 속성과 동일하며 각 슬롯명 내 배열 길이로 슬롯 내용 여부 판단만 가능)
  • this: undefined
  • writable_props:

Discussion (0)

pic
Editor guide