<p>Vue 3에서 구성 API를 사용하는 다음의 간단한 예를 살펴보세요. 구성요소의 함수에서 <code>test</code>의 인스턴스를 사용하고 싶습니다. </p> <pre class="brush:php;toolbar:false;"><script> 'vue'에서 {defineComponent, ref, onMounted } 가져오기 기본 정의 내보내기({ 이름: '테스트', 설정(){ 테스트 = ref()를 하자 onMounted(() => { doSomething() }) 반품{ 시험, 뭔가를 해라 } } }) 함수 doSomething(){ console.log(test) //<-- 정의되지 않음 console.log(this.test) //<-- 정의되지 않음 } <p><code>doSomething()</code> 내부에서 <code>test</code>에 액세스하는 방법은 무엇입니까? 제가 이해한 바에 따르면 <code>setup()</code>에서 반환된 모든 항목은 옵션 API의 <code>data()</code> 속성과 마찬가지로 구성 요소 전체에서 사용할 수 있어야 합니다. </p>