ref : 객체에 대한 반응성(reactive)을 가지게 됩니다.
isRef : 주어진 값이 ref 객체인지 확인합니다.
unref : "val = isRef(val) ? val.value : val"를 수행하는 편의 함수
watchEffect : 반응적으로 종속성을 추적하는 동안에 함수를 즉시 실행하고 종속성이 변경 될 때마다 다시 실행합니다.
html 속성중 ref 속성에 관하여
vue component에서 html 요소에 직접 접근하고자 할 경우(자주 있는 경우는 아니지만 필요할때 사용함)
ex. <input ref="input" />
methods: {
focusInput() {
this.$refs.input.focus() # 여거서 Html 요소 직접 사용
}
}
ES6 구조분해할당
구조 분해 할당이 일어나면 반응성이 사라지므로 주의
'Web > Vue' 카테고리의 다른 글
v-slot 을 이용한 UI 커스터마이징 (0) | 2024.06.11 |
---|---|
Vue에서 Route 사용하여 페이지 이동하기 (0) | 2024.04.25 |
Vue 컴포넌트 생명 주기 (0) | 2024.04.19 |
Vue에서 파일 내용 출력하기 (0) | 2022.05.30 |
Vue 개발 환경 설정 (0) | 2022.05.29 |