vue.js中循环引用组件报错怎么办-木庄网络博客

本文摘自PHP中文网，作者coldplay.xixi，侵删。

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/>'
})