Vue中注册全局组件的方式

---

前言

---

一、为什么要封装全局组件？

项目中需要多次使用，进行一次封装，全局使用。迎合了es6的模块化开发思想。

二、如何封装全局组件

为了统一管理全局组件，建议将封装的全局组件都写在src根目录下一个专门的文件夹中，比如src/components。
注：示例中xxx、文件夹名和.vue结尾的文件的名字均可以可以自定义。

1.方法一

代码演示

代码如下（示例）：
在src/components文件夹下新建 xxx文件夹，xxx文件夹下新建index.vue

<template>
	<div>
		自定义的全局组件
    </div>
</template>

在main.js中引入，注册为全局组件。

// 省略其他
// 引入
import 组件名 from</