2022-10-19

Learning #

Vue Functional Component #vue #

• props를 받아 VNode를 리턴하는 순수 함수이다.
• 구성 요소 인스턴스를 생성하지 않고 렌더링 된다.
• props, emits를 속성으로 추가하여 정의하는 것이 가능하다.
  • 별도의 props 정의가 없는 경우, attrs를 모두 props 인자로 전달 받는다.
    • 이 경우 attrs === props
  • props option으로 명시되지 않는 한, camelCase로 정규화되지 않는다.

function MyComponent(props, {slots, emit, attrs}) {
	// ...
}

MyComponent.props = ['value'];
MyComponent.emits = ['click'];

function MyComponent(props, {slots, emit, attrs}) {
	// ...
}

MyComponent.props = ['value'];
MyComponent.emits = ['click'];

• Functional Component 역시 일반 구성 요소와 같이 등록하여 사용할 수 있다.