Suponga que tenemos esta etiqueta html en el componente principal que quiero observar desde el niño usando v-model :

 <textarea v-model="email"></textarea>

como con eso:

 <template> <textarea v-model="caption"></textarea> <print :caption="caption"/> </template> <script> import print from "./print"; export default { data() { return { caption: '' } }, components: { print } } </script>

print componente secundario:

 <template> <p v-html="caption"></p> </template> <script> export default { props:{ caption : String }, mounted() { this.$emit('caption', this.$el.innerText) } } </script>

ahora, después de cada tipeo en el componente principal, ¿cómo puedo observar desde el padre secundario y mostrarlo en la etiqueta p ? este código no es correcto y no puedo resolver el problema?