v-model ~ブラウザからの入力値をバインドする~

ブラウザからの入力値をdataと紐付ける（バインドする）

<template>
  <input v-model="message"> // 入力値がmessageに代入される

  <h1>{{ message }}</h1> // messageが表示される
</template>

<script>
  data: { message: "こんにちは" } // デフォルト値

イベント修飾子

v-model.lazy="message"　// フォームからフォーカスが外れた時に発火
v-model.number="age"　// 入力値がstringに変わらずnumberのままになる
v-model.trim="message"　// 空白をカットする