另一个组件内的 Vue 组件答案

【问题标题】：Vue component inside another component另一个组件内的 Vue 组件
【发布时间】：2019-02-20 16:16:56
【问题描述】：

关于 vue 组件的快速问题。那我可以这样做吗？

App.vue 文件 > 在 app.vue 中导入 test.vue 组件> 在 test.vue 中导入 test2.vue 组件

我收到了Failed to compile error。谢谢。

app.vue：

import test from './components/test.vue';

export default {
  components: {
    'app-test': test,
  }
}

test.vue：

import test2 from './components/test2.vue';

export default {
  components: {
    'app-test2': test2,
  }
}

【问题讨论】：

这个错误你还有什么别的吗？ 1. test.vue 和 test2.vue 在我看到的同一个文件夹中......所以你应该像import test2 from './test2.vue'; 一样访问它们 2. 我认为你可能正在创建一个循环引用......你似乎没有正在做app -> test -> test2 但test <--> test2

【解决方案1】：

尝试替换

import test2 from './components/test2.vue';

通过

import test2 from 'test2.vue';

或

import test2 from './test2.vue';

【讨论】：

【解决方案2】：

尝试不使用“;”我没用过，所以它可以工作

import test2 from './components/test2.vue'

【讨论】：

【解决方案3】：

如果两个组件都在同一级别目录中，对我有用的是下面的那个：

import test2 from "components/test2.vue";

【讨论】：