자식 컴포넌트에 input 태그, checkbox 같은 form 태그가 없으면 v-model 안 쓰는건가요?

<!-- 부모.vue -->
<template>
  <custom-counter v-model="counterValue" />
<template>

<script>
  import CustomCounter from './CustomCounter.vue';
  
  export default {
    components: {
      CustomCounter,
    },

    data() {
      return {
        counterValue: 0,
      };
    },
};
</script>

<!-- CustomCounter.vue -->
<template>
  <div>
    <p>{{ message }}</p>
    <p>{{ value }}</p>
    <button @click="increment">+</button>
    <button @click="decrement">-</button>
  </div>
</template>

<script>
export default {
  props: {
    value: {
      type: Number,
      default: 0,
    },
  },
  data() {
    return {
      localValue: this.value,
    };
   },
   computed: {
     message() {
       return `The current value is ${this.localValue}`;
     },
   },
   methods: {
     increment() {
       this.localValue++;
     },	
      decrement() {
         this.localValue--;
       },
    },
    watch: {
      localValue(newValue) {
	 this.$emit('input', newValue);
       },
    },
};
</script>

이렇게 커스텀 컴포넌트에서 v-model을 사용할 때 만약에 자식 컴포넌트의 template에 input 태그 같은 게 없으면 사용 못 하는 건가요?

// App.vue (부모 컴포넌트)
<template>
  <div>
    <Counter v-model="counter" />
    <button @click="counter++">parent click!!</button>
  </div>
</template>

<script setup>
import Counter from './components/Counter.vue';
import { ref } from 'vue';

const counter = ref(0);
</script>

// Counter.vue (자식 컴포넌트)
<template>
  <button @click="$emit('update:modelValue', modelValue + 1)">Click!! {{ modelValue }}</button>
</template>

<script setup>
defineProps({
  modelValue: {
    type: Number
  }
})
defineEmits(['update:modelValue'])
</script>