Web/Vue

Vue 향후 정리할것들

leonhong 2022. 5. 29. 15:42

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