[vue] v-model

mixin으로 TableHelper가져와서 (이를 위해서 script 태그 밑에서 import로 임포트 해옴)

TableHelper의 searchKeyword 데이터를 가져올 수 있음.

 

v-text-field라는 입력 필드 값을 v-model(양방향 디렉티브)를 사용하여 데이터 바인딩을 할 수 있다.

 

<template>
  <div>
    <v-text-field v-model="message"></v-text-field>
    <p>입력한 메시지: {{ message }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: '' // 입력 필드와 연결할 데이터 속성
    }
  }
}
</script>

위 예제에서 v-model 디렉티브는 v-text-field 입력 필드와 message 데이터 속성을 양방향으로 연결한다.