<div id="app">
<custom-input v-model="searchText"></custom-input>
<div >{{searchText}}</div>
</div>const app=Vue.createApp({
data(){
return{
searchText: "hello"
}
}
})
app.component('custom-input', {
props: ['modelValue'],
emits: ['update:modelValue'],
template: `
<input
:value="modelValue"
@input="$emit('update:modelValue', $event.target.value)"
>
`
})
app.mount('#app')
External CSS
This Pen doesn't use any external CSS resources.