vuejs32 04장 02. 정리 : v-model 텍스트를 입력할 때 1. HTML의 input 태그에 v-model="프로퍼티명" 으로 작성 2. Vue 인스턴스의 data: 에 데이터를 넣을 프로퍼티를 준비한다. data:{ myName:'' } 복수행의 텍스트를 입력할 때 1. HTML의 textarea 요소에 v-model="프로퍼티명" 으로 작성 2. Vue 인스턴스의 data: 에 데이터를 넣을 프로퍼티를 준비한다. data:{ myText:'' } 체크박스의 값을 입력할 때 1. HTML의 input 태그의 체크박스에 v-model="프로퍼티명" 으로 작성 2. Vue 인스턴스의 data: 에 데이터를 넣을 프로퍼티를 준비한다. data:{ myCheck:false } 라디오버튼의 값을 입력할 때 1. HTML에 복수의 input 태그 라디.. 2023. 5. 9. 03장 02. 정리 - v-bind 복습 - 준비한 데이터로 HTML의 속성을 지정하고 싶은 경우 v-bind를 사용. - 데이터는 Vue 인스턴스의 data:에 입력. 이미지 지정 1. HTML의 이미지 태그에 v-bind:src="프로퍼티명"과 같이 작성 2. Vue 인스턴스의 "data:"에 프로퍼티를 준비하고 "이미지파일명"을 입력. data: { fileName: 'face1.png' } 링크 지정 1. HTML의 a 태그에 v-bind:href="프로퍼티명"과 같이 작성. 2. Vue 인스턴스의 data:에 프로퍼티를 준비하고 "링크 URL"를 입력. data:{ myURL:'링크URL' } 우측 정렬, 좌측 정렬, 가운데 정렬 지정 1. HTML의 블록/셀 태그에 v-bind:align="프로퍼티명"과 같이 작성. 2. Vue 인스.. 2023. 5. 8. 이전 1 ··· 3 4 5 6 다음