Javascript 如何为动态注入的Vue组件添加和访问$ref?

Javascript 如何为动态注入的Vue组件添加和访问$ref?,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,下面是在任何HTMLDOM元素中注入组件的代码 //Parent.vue 常量ComponentClass=Vue.extend(可注入组件) const实例=新组件类({ propsData:{ 我的道具:“我被注射了” } }) 实例。$mount() 实例.$on('inform',(e)=>{ 此.$emit('InjectableComponent想要通话') }) this.ParentElement.appendChild(实例$el) 问题:如何将ref='injected'添

下面是在任何HTMLDOM元素中注入组件的代码

//Parent.vue
常量ComponentClass=Vue.extend(可注入组件)
const实例=新组件类({
propsData:{
我的道具:“我被注射了”
}
})
实例。$mount()
实例.$on('inform',(e)=>{
此.$emit('InjectableComponent想要通话')
})
this.ParentElement.appendChild(实例$el)
问题:如何将
ref='injected'
添加到
InjectableComponent
组件?然后通过
Parent.vue

因此,我可以像这样从
Parent.vue
访问
InjectableComponent

this.$refs.injected