Que faire s'il y a une erreur lors du référencement circulaire de composants dans vue.js

La solution à l'erreur des composants de référence circulaires dans vue.js : introduire des composants globaux dans [main.js], le code est [import Axios from './utils/axiosPlugin'].

[Articles connexes recommandés : vue.js]

La solution à l'erreur des composants de référence circulaires dans vue.js :

Solution

Requête Après avoir lu diverses informations sur Internet, j'ai découvert que lors de l'appel cyclique d'un composant, le composant est créé après l'instance de vue. Le document officiel indique que le composant doit être introduit avant l'instanciation, donc le composant n'est pas introduit correctement.

Solution

La solution consiste à introduire le composant globalement et avant que vue ne soit instanciée.

Plus précisément dans notre projet, il est introduit dans main.js.

Le code spécifique est le suivant 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;
})

Recommandations d'apprentissage gratuit associées : JavaScript (vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!