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})

補充知識：vue專案中將方法名暴露給APP端呼叫

只需要將methods中的方法賦值到window物件即可

created() {
 window.getParams = this.getParams
},methods: {
 getParams(params) {
  this.id = params.id
  // ...
 },}

也可以賦值給window物件中的某個物件

以上這篇vue元件暴露和.js檔案暴露介面操作就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援我們。