vue公共组件批量注册引入

最新推荐文章于 2024-08-21 10:29:23 发布

原创最新推荐文章于 2024-08-21 10:29:23 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

vue开发专栏收录该内容

27 篇文章

订阅专栏

在Vue项目中，有些组件常用，每个页面单独引入较麻烦。可新建文件进行批量引入注册，便于代码管理。如新建select js文件，在其中批量引入组件注册并导出。

一个vue文件就是一个组件，有些组件在项目中经常用到，每个页面引入太麻烦，可以新建一个文件批量引入注册，这样代码好管理
新建一个select js文件里面批量引入组件注册再导出

import searchSelect from '../components/common/searchSelect.vue';
			import selectPub from '../components/common/selectPub.vue';
			import picker_tade_w from '../components/common/date_ril.vue';
			import selectMorePub from '../components/common/selectMorePub.vue';
			import selectArea from '@/components/common/selectArea'
			export default (Vue)=>{
			    Vue.component("searchSelect",searchSelect);
			    Vue.component("selectPub",selectPub);
			    Vue.component("picker_tade_w",picker_tade_w);
			    Vue.component("selectMorePub",selectMorePub);
			    Vue.component("selectArea",selectArea);
			}
main.js引入
	import select from '@/js/select'
	Vue.use(select);