목록DOM (1)

Posis

[Vue.js] refs를 활용한 DOM 접근 방법

이번 포스트에서는 Vue에서 제공하는 refs를 활용하여 DOM에 접근하는 방법에 대해서 다뤄보겠습니다. Refs JavaScript에서는 DOM과 엘리먼트를 직접 조작하기 위해서는 getElementById, getElementsByClassName, querySelector 등등과 같은 메서드를 활용했어야 합니다. 하지만 Vue에서는 Refs를 제공을 해줍니다. 장점 자식 컴포넌트에 직접적으로 접근할 수 있음 DOM조작 메서드 없이 편리하게 엘리먼트를 조작할 수 있음 기본적인 DOM 출력 Hello Vue.js!! Vue의 refs를 활용한 DOM 출력 Hello Vue.js!! 기본적인 DOM 출력의 document.querySelector와 Vue의 refs 출력 this.$refs가 동일한 기능..
Vue.js 2021. 8. 16. 10:58
이전 Prev 1 Next 다음