组件递归/组件相互引用(子组件内嵌父组件)

79 阅读1分钟

在子组件中按照常用用法引入并调用父组件时会出现如下错误:

image.png

解决方法:

方法一:在生命钩子beforeCreate()中注册组件

beforeCreate: function () {
  this.$options.components.componentName = require('./componentName.vue').default
}

方法二:在本地注册组件的时候,使用 webpack 的异步 import

components: {
    componentName: () => import('./componentName.vue')
}