Hola, estoy tratando de agregar un componente Vue personalizado a mi plantilla usando el DOM, ya configuré las propiedades, pero no puedo configurar el atributo asociado de eventos en el componente personalizado. Aquí está mi componente buttonVue.vue (componente secundario) :

 export default { emits:['action','isAuth'], data:function(){ return {msg:this.textDisplay()} }, methods:{ textDisplay(){ return this.$emit('isAuth')?'Sign in with Microsoft':'Sign out from Microsoft' } } } </script>

componente padre:

 insertBtnComponent){ var ComponentClass = Vue.extend(buttonVue) var instance = new ComponentClass({ propsData:{class:"buttonMs" ,style:" position: static ;", 'action':this.isUserAuthenticated()?this.signOut():this.signInUser(), 'isAuth':this.isUserAuthenticated() } }) let selector = document.querySelector(".classNAMEofDiv"); instance.$mount() selector.appendChild(instance.$el)

Agradecería cualquier pista sobre mi problema, gracias de antemano.