Was tun, wenn bei der zirkulären Referenzierung von Komponenten in vue.js ein Fehler auftritt?

Die Lösung für den Fehler der zirkulären Referenzierung von Komponenten in vue.js: Führen Sie globale Komponenten in [main.js] ein, der Code lautet [Axios aus './utils/axiosPlugin' importieren'].

【Empfohlene verwandte Artikel: vue.js】

vue.js Die Lösung für den Zirkelreferenzkomponentenfehler:

Lösung

Anfrage Nach dem Lesen Verschiedene Informationen im Internet haben ergeben, dass beim zyklischen Aufruf einer Komponente die Komponente nach der Vue-Instanz erstellt wird. Das offizielle Dokument besagt, dass die Komponente vor der Instanziierung eingeführt werden muss, sodass die Komponente nicht korrekt eingeführt wird.

Lösung

Die Lösung besteht darin, die Komponente global und vor der Instanziierung von Vue einzuführen.

Speziell in unserem Projekt wird es in main.js eingeführt.

Der spezifische Code lautet wie folgt: 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;
})

Verwandte kostenlose Lernempfehlungen: JavaScript (Video)

Das obige ist der detaillierte Inhalt vonWas tun, wenn bei der zirkulären Referenzierung von Komponenten in vue.js ein Fehler auftritt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!