[ Vue.js ] ref 속성을 이용한, 태그 가져오기

 

<div ref="getData" @click="aaa">Click me</div>

div를 클릭하면 aaa 함수를 실행 

 

methods: {
    aaa() {
        console.log(this.$refs.getData);
    }
}

ref 속성으로 작성한 것은 vue 인스턴스의 $refs 속성을 이용해서 가져올 수 있습니다. 

vue에 내장된 속성은 앞에 "$"를 붙혀서 가져오게 됩니다. 

 

$refs 다음에는 가져오고자 하는 ref 속성의 값을 넣어주면 해당 ref 속성 값을 가지고 있는 태그값을 가져올 수 있습니다.