toRefs와 함께 스크립트 설정 및 반응 상태 vue 3 사용
<p>vue 프로젝트에서 스크립트 설정을 사용하려고 합니다. </p>
<p>스크립트 설정을 사용하기 전의 스크립트는 다음과 같습니다.</p>
<pre class="brush:php;toolbar:false;"><script>
'../containers/Layout.vue'에서 레이아웃을 가져옵니다.
'vue'에서 { 반응형, toRefs } 가져오기
기본값 내보내기 {
이름: '집',
설정() {
const 상태 = 반응성({});
반품 {
...toRefs(상태),
};
},
구성요소: { 레이아웃, 레이아웃 }
}
<p>이제 다음이 있습니다. </p>
<pre class="brush:php;toolbar:false;"><스크립트 설정>
'../containers/Layout.vue'에서 레이아웃을 가져옵니다.
'vue'에서 { 반응형, toRefs } 가져오기
const 상태 = 반응성({});
const 소품 = 정의Props({
헤더: 문자열
})
<p>이 경우 toRefs를 어떻게 사용하는지 잘 모르겠습니다. 첫 번째 경우에는 변수를 반환하므로 <code>...toRefs(state)</code>를 사용하는 방식을 이해합니다.
그런데 이제 어떻게 사용하나요? 아니면 더 이상 필요하지 않습니까?
감사합니다</p>
