vue项目接口地址暴露_vue组件暴露和.js文件暴露接口操作

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&#