v-modelを使っても文字列が変わらない。

Question

<template>
  <div id="content">
     <form>
        <input type="text" v-model="LastName" />
        <p>{{ LastName }}</p>
     </form>
     <button @click="Test">テスト</button>
  </div>
</template>

<script lang="ts">
import { Vue } from "nuxt-property-decorator";

export default class Test extends Vue {
 
  
  LastName: string = "test";
  public Test = () => {
    console.log(this.LastName);
  }

}
</script>

上記のコードでinputに値を入れても、 <p>{{ LastName }}</p>が変化しないで"test"のままになってしまいます。
V-modelで双方向に対応しているのになぜ、LastNameの値が変化しないのかわからないです。
ご教授お願いします。