본문 바로가기

Vue.js

[Vue.js] model (1)

model 예제 1)

두개의 input 요소에 첫번째 input 에서는

v-model 을 사용하여 input 에 값을 입력하면 msg 의 값도 바뀌는 코드이고

 

두번째 input 에서는 onInput 이라는 함수를 호출하여 input 요소의 value 를 msg2의 값으로 바꾸는 코드이다.

 

 

첫번째 input 요소에서 값을 입력하면 

아래의 p 요소에 적은 값이 실시간으로 반영된다.

 

두번째 input 요소에서도 값을 입력하면

아래의 p 요소에 적은 값이 반영된다.

'Vue.js' 카테고리의 다른 글

[Vue.js] class (1)  (0) 2023.06.29
[Vue.js] model (2)  (0) 2023.06.29
[Vue.js] Event (5)  (0) 2023.06.28
[Vue.js] Event (4)  (0) 2023.06.16
[Vue.js] Event (3)  (0) 2023.06.16