Vue 3: Composition API, 구성 요소 인스턴스에서 메서드를 호출하는 방법은 무엇입니까?

Question

Vue 2에서는 이렇게 합니다:

으아아아

그런 다음 다음과 같은 구성 요소 메서드를 호출할 수 있습니다.

으아아아

Vue 3, TS 및 Composition API를 사용하여 구성 요소를 만들려고 하므로 다음과 같이 합니다.

으아아아

컴포넌트에서 메소드를 생성합니다 add:

으아아아

이제 플러그인에서 구성요소 메소드를 사용하고 싶습니다.

으아아아

하지만 할 수 없습니다. 구성 요소 인스턴스에는 이 메서드가 없습니다. 내가 뭘 잘못했나요?

Answer 1

Vue 3에서는 setup 方法中声明的所有内容都是组件私有的。如果您希望外部组件/js 代码访问其某些属性，则必须使用 defineExpose가 구성 가능합니다.

으아악

옵션 API를 사용할 때도 나타납니다: expose