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

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

作者: jing_bao | 来源:发表于2023-04-26 17:22 被阅读0次

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>

相关文章

  • 小程序2

    自定义组件 定义组件 在.json中"component":true, 在页面中使用组件 页面的.json 在页面...

  • 微信小程序的组件及分包

    自定义组件 定义组件 页面的.json 在页面中使用组件 页面的json 2.在页面中使用 组件的参数传递 父传子...

  • 微信小程序自定义组件

    步骤 创建自定义组件 在页面中使用组件 页面和组件之间的传值 项目结构及实现后效果 1、 新建自定义compone...

  • uniapp 学习文档

    一、 什么是uniapp 二、 uniapp优势 三、我们使用uniapp 四、uniapp组件 组件模块地址:h...

  • 小程序的自定义组件

    小程序允许我们使用自定义组件的方式来构建页面。 自定义组件 1. 创建自定义组件 类似于页面,一个自定义组件由 j...

  • 微信小程序(三)

    小程序自定义组件使用 第一步:创建自定义组件 第二步:如何引入组件 例如:在login页面中引入dialog组件 ...

  • wx小程序三

    小程序自定义组件使用 第一步:创建自定义组件 第二步:如何引入组件 例如:在login页面中引入dialog组件 ...

  • VX小程序三

    小程序自定义组件使用 第一步:创建自定义组件 第二步:如何引入组件 例如:在login页面中引入dialog组件 ...

  • 解决uniapp项目中使用vant 图标报错问题(Module

    解决uniapp项目中使用vant 图标报错问题 在使用uniapp开发项目时,使用到了vant Weapp组件...

  • uniapp在main.js 报错提示 Vue.componen

    今天打算使用uniapp的自定义组件,但是按照vue的全局注册方式,却报错【在main.js 总是提示 Vue.c...

网友评论

      本文标题:uniapp (vue3)自定义组件自动在每个页面使用

      本文链接:https://www.haomeiwen.com/subject/rhfhjrtx.html