Vue 3: 구성 요소 함수에서 설정 변수를 가져오고 수정하는 방법
<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>