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 小时前
基于 Vue 3 的 Tiptap 富文本编辑器实践:tiptap-editor-vue3 项目介绍
前端·javascript·vue.js
阿狸猿5 小时前
论负载均衡技术在 Web 系统中的应用
运维·前端·负载均衡
橘猫走江湖5 小时前
Cursor Vibe Coding 开发指南
前端
因_崔斯汀5 小时前
网页为什么需要框架?
前端
前端 贾公子5 小时前
Tailwind CSS `shrink-0`是啥意思?
前端
奥利奥夹心脆芙6 小时前
OTel / Logstash / Fluentd 全维对比,及统一日志与指标管道的 AWS ECS 落地
javascript
浮游本尊6 小时前
前端vue转后端java学习路径
java·前端·vue.js
南一Nanyi6 小时前
性能优化的方法论
前端·性能优化
KWTXX6 小时前
vibe coding-提示词
java·前端·算法
zithern_juejin6 小时前
手写函数组合compose
javascript