vue3中app.component注册后如何在组建内部调用？

Question

main.js中注册后

const app = createApp(App)

app.component('button-counter',{
  template: `
  <div>
  You clicked me 1 times.
  </div>`
})
app.use(store).use(router).use(Element3).mount('#app')
})

在App.vue中使用

<template>
  <div id="app">
    <div>h哈喽</div>
    <button-counter></button-counter>
  </div>
</template>

页面上出不来。

没有报错，就是页面上没有渲染

Answer 1

不知道你看过，或者用过花裤衩的开源后台管理框架吗？它里面有一个关于封装注册自定义Icon组件的方法，https://www.jianshu.com/p/f14982b2b737 这是封装原理