有没有办法在使用Vue公式模式时隐藏或显示输入？

<template>
  <div>
    <input v-if="showInput" type="text" />
    <button @click="toggleInput">Toggle Input</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showInput: true
    };
  },
  methods: {
    toggleInput() {
      this.showInput = !this.showInput;
    }
  }
};
</script>

<template>
  <div>
    <input v-show="showInput" type="text" />
    <button @click="toggleInput">Toggle Input</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showInput: true
    };
  },
  methods: {
    toggleInput() {
      this.showInput = !this.showInput;
    }
  }
};
</script>