이번 포스트에서는 vue에서 DOM 요소에 직접 접근하기 위한 방법에 대해 살펴보자. DOM 요소에 직접 접근 ref한때 javascript 라이브러리의 대명사였던 jquery의 가장 큰 장점 중 하나는 편리하게 DOM 요소를 관리한다는 점이었다. vue에서는 직접적으로 DOM 요소에 접근에서 사용하는 것을 지양한다. model과 view가 viewmodel을 통해서 연결되기 때문에 사실 거의 필요가 없다.하지만 아주 가끔 DOM 요소를 지정해서 동작해야할 필요가 있는데 이를 위해서 template 영역에서 ref 속성을 이용해서 요소에 표시해준다. login 위 코드는 user.id와 연결된 첫 번째 에서 enter 키가 눌렸을 때 pass로 지정된 DOM 요소에 포커스를 주는 코드이다. ..
[vue 3] 09.DOM 요소에 직접 접근
이번 포스트에서는 vue에서 DOM 요소에 직접 접근하기 위한 방법에 대해 살펴보자. DOM 요소에 직접 접근 ref한때 javascript 라이브러리의 대명사였던 jquery의 가장 큰 장점 중 하나는 편리하게 DOM 요소를 관리한다는 점이었다. vue에서는 직접적으로 DOM 요소에 접근에서 사용하는 것을 지양한다. model과 view가 viewmodel을 통해서 연결되기 때문에 사실 거의 필요가 없다.하지만 아주 가끔 DOM 요소를 지정해서 동작해야할 필요가 있는데 이를 위해서 template 영역에서 ref 속성을 이용해서 요소에 표시해준다. login 위 코드는 user.id와 연결된 첫 번째 에서 enter 키가 눌렸을 때 pass로 지정된 DOM 요소에 포커스를 주는 코드이다. ..
2022.06.28