Estoy usando Nuxt versión 2.15.7 y Vue 2.6.14 . Tengo entendido que los componentes secundarios se montan antes de que se monte el componente principal, como se explica en esta respuesta .

Sin embargo, en mi proyecto estoy experimentando lo contrario:

Padre.vue

 <template> <div class="parent"> <MessageCard ref="messageCard"></MessageCard> </div> </template> <script> export default { mounted() { console.log("Parent Mounted"); console.log(this.$refs.messageCard); // undefined } } </script>

MessageCard.vue

 <template> <div class="messageCard">Hello</div> </template> <script> export default { mounted() { console.log("Child mounted"); } } </script>

La salida en mi consola muestra:

 Parent mounted undefined Child mounted

Según el foro vue , ¿no debería montarse el componente secundario antes que el principal? Necesito llamar a métodos en el niño, pero no está undefined . Incluso probé this.$nextTick() , solo para encontrar los mismos resultados. Entiendo que los recursos a los que me vinculé son de 2018 y 2017 respectivamente... ¿ha cambiado este comportamiento en los últimos 4 años?