1、将同一类型的组件放在一个文件夹下

2、在此文件夹下创建一个index.js

在这里插入图片描述

3、在index.js中导入组件,并把他们暴露出去

1、写法一
	import studentCourse1 from './studentCourse.vue'
	import studentInfo1 from './studentInfo.vue'
	
	export var studentCourse=studentCourse1
	export var studentInfo=studentInfo1
2、写法二
	export var studentCourse=()=>import('./studentCourse.vue')
	export var studentInfo=()=>import('./studentInfo.vue')
	//export var studentInfo=()=>{
			   							 return import('./studentInfo.vue')
										}

4、最后在.vue文件中使用组件

此处你只需引入index.js所在文件夹就行啦
	import {studentCourse,studentInfo} from './components/stuCom'
	export default{
	components:{
			'StudentCourse':studentCourse,
			'StudentInfo':studentInfo
			}
		}

========================================

1、将.js放在同一个文件夹下

2、同样一定要有一个index.js文件

在这里插入图片描述

3、 index.js文件内容如下

	  import auth from './auth.js'
	  import error from './error-log.js'
		export default{
		auth,
		error
		}

4、在main.js中

import utils from './utils'
Vue.use(utils.auth,{params})
Logo

前往低代码交流专区

更多推荐