Vue 全局组件封装

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

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

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

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

4.在main.js文件中引入


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


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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容