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>
相关推荐
百变梦仔9 分钟前
Codex 写前端任务时,我用这张 GitHub Skill 地图先选工具
前端·github
2601_9621229736 分钟前
nginx 部署前端vue项目
前端·vue.js·nginx
码视野1 小时前
基于 Spring Boot + Vue3 的【城市道路地下空洞塌陷微动传感监测与路面脱空沉降预警中台】设计与实现(含PRD/三端高保真源码/大屏)
vue.js·spring boot·后端
雪芽蓝域zzs1 小时前
第三节:目录结构重构(仿若依,优化层级,layout 与 components 同级)
前端·vue.js·重构
小磊哥er2 小时前
深入解构Claude Code - 第 5 篇 · 每次提问都给 AI 塞了什么资料
javascript·ai编程
小磊哥er2 小时前
深入解构Claude Code - 第 4 篇 · 工具:AI 的手
javascript·ai编程
子非鱼a2 小时前
【WEB】[NewStarCTF 公开赛赛道]UnserializeOne
前端·javascript·html
南雨北斗2 小时前
Vue3 v-model中的自动事件绑定
前端
小磊哥er3 小时前
深入解构Claude Code - 第 3 篇 · 一问一答怎么转起来
javascript·ai编程