vue注册全局组件小妙招之自动注册

引言：当我们开发一个很大的项目的时候，往往需要封装很多全局组件来复用，这时如果我们一个个的在main.js通过（import xxx from './xx'）导入再Vue.component(‘组件名’，xxx)去完成全局注册就非常麻烦。

这时我们可以通过Vue.use()的方法，以对象的方式传入触发install方法，利用require.context()方法获取全部需要全局注册的组件,最后通过遍历组件数组的形式进行Vue.component()实现自动全局注册组件。

具体实现方法如下：

1.在SRC文件夹下创建一个components文件用来专门放需要全局注册的组件。

2.把需要全局注册的组件放入components文件夹下并创建一个index.js文件。

 3.在index.js中写入自动注册方法。

4.在main.js中导入再通过Vue.seu()注册。

 

以后想再添加全局组件只需要把组件放在components文件夹下就可以了。 这样就完成我们的全局组件自动注册啦~~

如果感觉好用的话，可以给博主一个点赞哦！