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>
相关推荐
是上好佳佳佳呀5 分钟前
【前端(十一)】JavaScript 语法基础笔记(多语言对比)
前端·javascript·笔记
莎士比亚的文学花园11 分钟前
Linux驱动开发(3)——设备树
开发语言·javascript·ecmascript
CDN36039 分钟前
排查实录:网站偶发502/504错误?360CDN回源超时配置与日志分析技巧
前端·数据库
之歆1 小时前
Day07_CSS盒子模型 · 样式继承 · 用户代理样式
前端·css
01漫游者1 小时前
JavaScript函数与对象增强知识
开发语言·javascript·ecmascript
DanCheOo1 小时前
AI 应用的安全架构:Prompt 注入、数据泄露、权限边界
前端·人工智能·prompt·安全架构
We་ct2 小时前
深度剖析浏览器跨域问题
开发语言·前端·浏览器·跨域·cors·同源·浏览器跨域
weixin_427771613 小时前
前端调试隐藏元素
前端
threelab3 小时前
Three.js 代码云效果 | 三维可视化 / AI 提示词
开发语言·javascript·人工智能
爱上好庆祝4 小时前
学习js的第五天
前端·css·学习·html·css3·js