Why doesn't v-model work?

Question

Vue.js

Hello!
I'm trying to use v-model with my component, please tell me why the searchText property does not change?

//MyInput.vue
<template>
  <input type="text" class="search">
</template>

<script>
export default {
  model: {
    prop: 'value',
    event: 'input'
  }
}
</script>

<my-input v-model="searchText" />

      <button >
        {{ searchText }}
      </button>

Answer 1

Short answer:
1) Set the input attribute value props value via v-bind
2) you need to emit an input event with a new value value when the input event occurs
More:
https://kirillurgant.com/notes/creating-custom-inp...