uniapp (vue3)自定义组件自动在每个页面使用

index.html
添加id为all-component-box的容器，用于渲染自定义组件

<body>
    <div id="app"></div>
    <div id="all-component-box"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>

在App.vue

<template></template>
<script setup lang="ts">
import { createApp, h } from 'vue'
import { onLaunch } from '@dcloudio/uni-app'
import customComponent from '@/components/自定义组件.vue'
onLaunch(() => {
  const ele = document.querySelector('#all-component-box') || ''
  const app = createApp(h(customComponent, {}))
  app.mount(ele)
})
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容