VUEJS) v-model

v-model 사용법

js

const vm = new Vue({
  el: '#app',
  data: {
    message: "안녕하세요! VueJS!!"
   }
})

 

html

<div id="app">
  <p v-if="message"> {{ message }} </p>
  <input v-model="message">
</div>

v-model은 양방향으로 input박스에서 message 실제데이터를 갱신하면 p태그의 출력도 수정된다.

 

실행결과