个人技术分享

目录

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

二、局部注册的使用示例

三、全局注册的使用示例


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

组件注册有两种方式:

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

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

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

二、局部注册的使用示例

在components目录中新建三个组件,如图:

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

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

使用方式如下图:

三、全局注册的使用示例

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

然后找到main.js文件,如下图操作:

使用方式如下图: