Intento casarme con Vue 3 y mi aplicación MVC :

Tengo un contenedor principal en _Layout.cshtml con la aplicación Vue inicializada:

 <div id="app"> <el-container> <el-main> @RenderBody() </el-main> </el-container> </div> var appHome = createApp(config); appHome.mount("#app");

Luego, en @RenderBody() obtengo una página con otra aplicación Vue (otra página .cshtml + otro controlador .js):

 <div id="appInner" ref="appInner"> ... </div> var appInner = createApp(config); appInner.mount("#appInner");

Después de eso, puedo obtener información sobre appInner en $refs de la aplicación principal:

 //it is from config of my main container app (appHome) mounted() { console.log('this.$refs AppHome', this.$refs); //here I can see ref to appInner },

El problema es que tengo que obtener ref para appInner en $refs para mi instancia de appInner, por lo que necesito ver en:

 //it is from config of my inner app (appInner) mounted() { console.log('this.$refs AppInner', this.$refs); //here I can not see ref to appInner but I need that },

¿Es posible lograr este objetivo de alguna manera?