v-model #Vue.js

１）Vueインスタンス内にあるデータを読み込んでいる。
２）フォーム内に打ち込んだ文字も受け取ってくれる
＊データ内のmessage内容は変更されない「こんにちは」のまま。

<body>
  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
  <div id="app">
     <input type="text" v-model="message">
</div>
<script>
  new Vue({
    el: '#app',
    data: {
     message: 'こんにちは'
    }
  })
</script>
</body>

さらにmessageを表示する行を追加してみてみると

<body>
  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
  <div id="app">
     <input type="text" v-model="message">
     <h1>{{ message }}</h1>
</div>
<script>
  new Vue({
    el: '#app',
    data: {
     message: 'こんにちは'
    }
  })
</script>
</body>

インプットフォーマットに一込んだ先から次々とメッセージの中身が変わるこことになります。
＊データ内のmessage内容は変更されない「こんにちは」のまま。