이번 포스트에서는 v-bind로 시작하는 directive에 대해서 살펴보자. 본 내용에 들어가기 전에 directive의 기본 사용법을 다시 한번 상기시켜보자. v-bind v-bind?v-bind는 html의 속성에 model의 데이터를 연결할 때 사용된다. v-bind는 전달인자로 연결하려는 속성을 지정해주면 되고 편의상 v-bind는 생략하고 사용하기도 한다.v-bind:속성명=사용할값:속성명=사용할값 간단한 사용 예를 살펴보자. 다음의 코드는 기본형 값을 반응형으로 관리하기 위해서 ref로 label과 linkId를 선언하고 있고 link는 반응형 객체를 사용하기 위해 reactive를 사용하고 있다.이를 template에서 사용하면 아래와 같다. {{label}}이 결과 생성되는 DOM..
[vue 3] 04. v-bind를 통한 속성 처리
이번 포스트에서는 v-bind로 시작하는 directive에 대해서 살펴보자. 본 내용에 들어가기 전에 directive의 기본 사용법을 다시 한번 상기시켜보자. v-bind v-bind?v-bind는 html의 속성에 model의 데이터를 연결할 때 사용된다. v-bind는 전달인자로 연결하려는 속성을 지정해주면 되고 편의상 v-bind는 생략하고 사용하기도 한다.v-bind:속성명=사용할값:속성명=사용할값 간단한 사용 예를 살펴보자. 다음의 코드는 기본형 값을 반응형으로 관리하기 위해서 ref로 label과 linkId를 선언하고 있고 link는 반응형 객체를 사용하기 위해 reactive를 사용하고 있다.이를 template에서 사용하면 아래와 같다. {{label}}이 결과 생성되는 DOM..
2022.06.23