>  Q&A  >  본문

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>
P粉463840170P粉463840170446일 전534

모든 응답(1)나는 대답할 것이다

  • P粉506963842

    P粉5069638422023-08-25 13:05:01

    매개변수로 ref를 전달해야 합니다

    으아아아

    또 다른 방법:

    으아아아 으아아아

    회신하다
    0
  • 취소회신하다