V-Model 썸네일형 리스트형 [java script] Vue.js 유저 입력 연결(v-model) 1. v-model : 입력 폼을 데이터와 연결해줍니다. ◎ 예제 1) 입력한 문자열을 표시하는 예제 입력한 문자열을 표시하는 예제 나는 {{ myName }} 입니다. 문자열을 텍스트 박스 안에 입력하면 아래에 결과가 출력됩니다. ◎ 예제 2) 입력한 문장과 문자수를 표시하는 예제 입력한 문장과 문자수를 표시하는 예제 문장은, 「{{ myText }}」 문자수는 {{ myText.length }} 자입니다. 문장을 입력하면 enter키와 상관없이 문장을 계속해서 나열하고 문장과 문자수를 표시합니다. ◎ 예제 3) 체크박스의 ON/OFF를 확인하는 예제 체크박스의 ON/OFF를 확인하는 예제 체크박스의 상태는 {{ myCheck }} 체크를 하면 true, 체크를 해제하면 false가 출력됩니다. ◎ 예.. 더보기 이전 1 다음
