[ 영광의 시대!/2022 개발자의 품격 부트캠프 1기 ]
[개발자의품격][부트캠프][1기][18차시] Vue.js #2 | 데이터바인딩
2022-03-05 18:14:27
데이터 바인딩 문자열 문자열 바인딩은 단방향 데이터 바인딩이다. // src/views/DataBindingHtmlView.vue {{ htmlString }} // {{}}는 문자열을 바인딩한다. // v-html 디렉티브(Directive)를 사용하면 태그로 바인딩한다. input v-model을 이용하여 사용자의 입력 값, 자바스크립트 함숫값의 양방향 데이터 바인딩이 가능하다. Vue의 막강한 기능이다. 클릭 변경 input 태그에서의 v-model은 value 속성과 양방향으로 연결되어 있다. [그림 3]은 아래 코드의 실행 결과이다. 아래 코드에서 v-model.trim과 text, number 타입의 용법을 유의해서 보자! 클릭 변경 + = {{ num1 + num2 }} + = {{ num3..