vue.js에서 컴포넌트를 순환 참조할 때 오류가 발생하면 어떻게 해야 하나요?

vue.js에서 구성 요소를 순환 참조하는 오류에 대한 해결 방법: [main.js]에 전역 구성 요소를 도입합니다. 코드는 ['./utils/axiosPlugin'에서 Axios 가져오기]입니다.

【관련 추천 글 : vue.js】

vue.js 순환 참조 구성 요소 오류에 대한 해결책 :

해결책

문의는 읽어보신 후 인터넷에 떠도는 각종 정보를 보니, 컴포넌트를 주기적으로 호출하면 vue 인스턴스 이후에 컴포넌트가 생성된다는 것을 알게 되었는데, 공식 문서에는 인스턴스화 전에 컴포넌트를 먼저 도입해야 한다고 나와 있어서 컴포넌트가 제대로 도입되지 않는 경우가 있었습니다.

솔루션

해결책은 vue가 인스턴스화되기 전에 구성 요소를 전역적으로 도입하는 것입니다.

구체적으로 우리 프로젝트에서는 main.js에 도입되어 있습니다.

구체적인 코드는 다음과 같습니다. main.js:

import Vue from 'vue'
import App from './App'
import router from './router'
import store from './store';
import iView from 'iview';
import './styles/index.less'
import {VTable,VPagination} from 'vue-easytable'
import 'vue-easytable/libs/themes-base/index.css'
import Axios from './utils/axiosPlugin'
import './styles/button.css'
import './styles/common.css'
// require('./mock/mock')
import selFile from './views/file/selFile.vue'
 
Vue.use(iView);
Vue.use(Axios);
 
Vue.component(VTable.name, VTable)
Vue.component(VPagination.name, VPagination)
Vue.component("selFile",selFile)
 
Vue.config.productionTip = false
 
/* eslint-disable no-new */
new Vue({
 el: '#app',
 store,
 router,
 components: { App },
 template: &#39;<App/>&#39;
})

관련 무료 학습 추천: JavaScript(동영상)

위 내용은 vue.js에서 컴포넌트를 순환 참조할 때 오류가 발생하면 어떻게 해야 하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!