Vue 3 클래스 기반 API, 함수 기반 API, 리액티브 API 및 컴포지션 API란 무엇입니까?

Vue 3 클래스 기반 API, 함수 기반 API, 리액티브 API 및 컴포지션 API란 무엇입니까?

vue 3을 사용하기 시작했을 때 다음과 같은 개념을 알게 되었습니다.

• 오브젝트 기반 API
• 함수 기반 API
• 클래스 베이스 API
• 컴포지션 API
• 옵션 API
• 반응성 API

누가 이것의 정의를 말해줄 수 있나요?

업데이트 2021

Options API와 Reactivity API를 추가했습니다.

주요 문서에서 Options-based(옵션 기반)를 언급하는 것은 아니지만 Evan의 레퍼런스에서도 호환성이 있는 것 같습니다.

옵션 기반 API는 클래스 기반, 함수 기반 API는 Composition API입니다.

옵션 기반과 함수 기반 익스프레스, API를 구별하는 이론적 모델입니다.반면 클래스 기반과 구성은 구현을 구별한다.

옵션 기반/클래스 기반 API

vue1 및 vue2에서 사용하는 이전 방식인 클래스 기반 API가 있습니다.

이름은 구성 요소가 옵션에 의해 정의된다는 것을 의미합니다.옵션은 다음과 같이 생각할 수 있습니다.data,computed,methodsetc... 컴포넌트가 오버로드되는 사전 정의된 옵션 세트를 사용하여 컴포넌트의 동작을 정의합니다.

이 기능 정의 방법의 단점은 실제 컴포넌트 로직이 다양한 "옵션" 사이에 분산되어 있다는 것입니다.이 때문에, 코드에서 컴포넌트가 실제로 무엇을 하고 있는지를 이해하기 어려워집니다.

함수 기반/구성 API

함수는 컴포넌트가 기능 컴포넌트를 사용하고 있다는 것이 아니라 컴포넌트의 기능을 선언하고 있음을 나타냅니다.Composition API를 사용하면 코드 재사용이 용이해지고(기능의 측면을 컴포넌트에 긴밀하게 결합할 필요가 없기 때문에), 읽기 및 유지보수가 용이해집니다(기능을 보다 작은 전용 유닛으로 캡슐화할 수 있기 때문에).

언급URL : https://stackoverflow.com/questions/61301989/vue-3-what-is-the-class-based-api-function-based-api-reactivity-api-and-compos