普通组件的注册-局部注册和全局注册

目录

一、局部注册和全局注册-概述

二、局部注册的使用示例

三、全局注册的使用示例

---

一、局部注册和全局注册-概述

组件注册有两种方式：

局部注册：只能在注册的组件内使用。使用方法：创建.vue文件，在使用的组件内导入并注册。

全局注册：所有组件内都能使用。使用方法：创建.vue文件，在main.js中进行全局注册。

这两种注册方式的区别在于：它们的使用范围不同。

二、局部注册的使用示例

在components目录中新建三个组件，如图：

然后在App.vue（我们想要使用这些组件的.vue文件，这里我们假设我们想在App.vue文件中使用这些组件）里面（<script>标签内）进行导入，如图：

组件名就是之后使用这个组件用的名字。组件对象就是导入的变量名（上图红色方框区域）。一般来讲，这两者会统一，起同一个名字。

使用方式如下图：

三、全局注册的使用示例

在components目录中创建.vue文件,如下图：

然后找到main.js文件，如下图操作：

使用方式如下图：