【Vue3 第十二章】组件注册与命名格式

文章结构概述

• • 引言
    • 一、整体注册
    • • 二、区域注册
      • 三、组件名称规范

前言

作为当下广受青睐的JavaScript框架之一，Vue为开发人员提供了一种简明且高效的方式来构建用户界面。在Vue体系中，组件被视为可重复利用的Vue实例，是搭建应用程序的重要组成部分。这些组件能够在应用中被多次调用，具备封装HTML、CSS以及JavaScript代码的能力，并可在需要时实现复用。每个组件均可拥有专属的模板、数据、方法及生命周期钩子函数。在实际使用前，一个Vue组件必须经过“注册”流程，以便Vue在解析模板时能够识别并调用其具体实现。针对组件注册这一操作，系统提供了两种不同的方式：一种为全局注册，另一种为局部注册。

一、全局注册机制设计

通过调用 Vue 应用实例所提供的 app.component() 方法进行注册的组件，被定义为全局组件。此类组件无需额外导入，即可在当前应用范围内的任意组件模板中直接使用。

数字化管理平台
[Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus](https://www.bilibili.com/video/BV1KG4y1E7NZ