vue 구성 요소 노출 과.js 파일 노출 인터페이스 작업

1.같은 유형의 구성 요 소 를 폴 더 아래 에 두 기
2.이 폴 더 아래 index.js 만 들 기

3.index.js 에서 구성 요 소 를 가 져 와 노출 시 킵 니 다.
1.서법 1

 import studentCourse1 from './studentCourse.vue'
 import studentInfo1 from './studentInfo.vue'
 
 export var studentCourse=studentCourse1
 export var studentInfo=studentInfo1

2.서법 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 파일 노출 인터페이스 작업 은 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.여러분 께 참고 가 되 고 저 희 를 많이 사랑 해 주 셨 으 면 좋 겠 습 니 다.