ホームページ > 記事 > ウェブフロントエンド > vue.js でコンポーネントを循環参照するときにエラーが発生した場合の対処方法
vue.js の循環参照コンポーネントのエラーの解決策: [main.js] にグローバル コンポーネントを導入します。コードは [import Axios from './utils/axiosPlugin'] です。
【おすすめ関連記事: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: '<App/>' })
関連する無料学習の推奨事項: JavaScript (ビデオ)
以上がvue.js でコンポーネントを循環参照するときにエラーが発生した場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。