Quiero lograr la transferencia de datos del componente al elemento raíz en Vue. Estoy tratando de acceder al valor 'título' del elemento raíz con el método. Cuando se ejecuta el código, la consola me muestra el valor 'indefinido' en lugar del 'título'. ¿Es posible con mi idea?

 var app = Vue.createApp({ props: ['handle'], components: ['custom-form'], methods: { showData: function() { console.log (this.handle) return this.handle } }, created() { console.log (this.showData()) } }) app.component ('custom-form', { props: ['value'], template: ` <h1>{{title}}</h1> <input type="text" v-model="inputValue" /> `, data(){ return { title: 'login' } }, computed:{ inputValue:{ get(){ this.title }, set(v){ this.$emit('update:inputValue',v) } } }, methods: { handle(){ return this.inputValue } } }) app.mount('#app')