How to implement component tags yourself

how do I manually implement the component tag? Like this:

</my-component>

my requirements are very simple. The my-component tag has exactly the same function as the component tag. What you find through $refs is not myComponent , but CompA . And my-component can define properties and methods other than v-bind:is and keep-alive .

looked at the source code for a long time and found that the component tag was not created in the way of Vue.component . The functional (functional), inheritance (extends) and abstract component (abstract), of components have not achieved the desired results. I hope someone can help me solve my confusion, thank you!

Mar.14,2021
Menu