vue3 全局组件注册

一,创建组件

html 复制代码
<template>
    <h3></h3>
</template>

<script>

</script>

<style>
h3{
    border: 18px solid red;
}
</style>

二,注册组件

javascript 复制代码
import hello from './components/hello.vue'
const app = createApp(App)
    app.component("hello",hello)
app.mount('#app')

三,显示组件

javascript 复制代码
 <template>
    <!-- 显示组件 -->
    <hello />
</template>

<script >

</script>
相关推荐
IT_陈寒1 分钟前
SpringBoot自动配置揭秘:90%开发者不知道的核心原理
前端·人工智能·后端
huangyiyi666663 分钟前
webpack + Vite
前端·webpack·node.js
im_AMBER7 分钟前
订阅模式实现字符数统计
前端·typescript·前端框架·编辑器
北寻北爱7 分钟前
axios
开发语言·前端·javascript
Nuopiane8 分钟前
Mypal3(9)
前端·javascript·数据库
筱璦15 分钟前
期货软件开发 - 交易报表
前端·windows·microsoft·报表·期货
暴躁网友w15 分钟前
掌握Fetch与Flask交互:让前端表单提交更优雅的动态之道
前端·flask·交互
钰衡大师18 分钟前
Vue 3 源码阅读笔记:ref.ts
javascript·vue.js·笔记·vue3源码阅读
木斯佳18 分钟前
前端八股文面经大全:腾讯前端暑期提前批一、二、三面面经(上)(2026-03-04)·面经深度解析
前端
嘉琪00124 分钟前
Day4 完整学习包(this 指向)——2026 0313
前端·javascript·学习