Vue.js如何加载依赖组件

Vue.js：如何加载依赖组件

来自当前使用组件的路由器，如下所示：

import A from './A';

export default {
    components : {
        'new-comp-A' : NewCompA 
    }
}
...

---

但这会在导入之前呈现模板，从而导致错误。有没有更好的方法来加载依赖项

---

模板使用-您是否正确注册了组件。

您的外壳不正确。使用

'NewCompA'

或

'new-comp-a'

作为名称

事实上，它会更容易使用

从“where/the/component/is/defined”导入新的PA
导出默认值{
组成部分：{
纽科姆帕
}
}

然后，您的模板可以使用

---

再次查看代码后，它似乎不正常。您正在将变量

A

分配给组件，但试图将其与变量

NewCompA

一起导入

您需要更改以下内容：

来自此：

对此：

并像这样使用它：

我不确定我是否明白。它给了你什么错误？根据你的代码，我觉得一切正常。但这会在导入之前呈现模板，导致错误。有没有更好的方法来加载依赖项？模板使用了“您是否正确注册了组件”？看起来我们需要查看您尝试导入组件时使用的所有代码。我能想到的一件事是这条路可能错了？另外，试着像这样使用它：

与

，这可能也是你的问题。是的，这得到了解决。。但是我又犯了一个错误。。在beforeMount（）方法中注册组件时，我正在模板中使用它。。。但是它抛出了一个错误。。这样做的原因是，它需要在顶部使用imports lib。。

import A from './A';

export default {
    components : {
        'new-comp-A' : NewCompA 
    }
}
...

import A from './A';

export default {
    components : {
        'NewCompA' : A
    }
}
...

<new-comp-a>