vuejsでcancelボタンを実装する

<template>
  <div>
    <input v-model="inputValue"/>
    <button type="submit" @click="savedValue = inputValue">save</button>
    <button type="submit" @click="inputValue = savedValue">cancel</button>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      savedValue: "saved",
      inputValue: "",
    };
  },
  mounted(){
    this.inputValue = this.savedValue
  }
};
</script>