引言:当我们开发一个很大的项目的时候,往往需要封装很多全局组件来复用,这时如果我们一个个的在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文件夹下就可以了。 这样就完成我们的全局组件自动注册啦~~
如果感觉好用的话,可以给博主一个点赞哦!