如何将VUE中的自定义组件设置为自定义组件

Question

您好，我试图使用DOM将自定义VUE组件添加到模板中，我已经设置了属性，但是我无法在自定义组件中设置事件的关联属性。这是我的buttonvue.vue component（Child component）：

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>

parent> parent component：

 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)

我很感谢我的问题提示，谢谢。