Vue 全局组件封装

在Vue项目的开发中，我们需要对一些常用的组件进行封装复用，这时我们需要用到Vue提供的全局组件API来封装我们的组件，让我们像使用Element UI中的组件那样，只需引入一次就能全局使用，具体方法如下：

---

1.为了方便维护，我们可以在components文件夹下建立一个全局组件文件夹，里面用来放自己编写的组件以及一个index.js文件

2.组件就是正常的vue文件就行，我这边吧样式单独剥离出来，方便管理

3.然后在index.js文件中引入vue以及编写好的组件，并使用Vue.component(“你在页面中调用组件时的标签名称”，“引入的组件”)来进行注册

4.在main.js文件中引入

5.在需要使用该组件的页面中直接调用即可

tip:如果帮到了你，麻烦点个👍