问题如何将Vue组件“导入”到Vue组件中

这可能是一个非常愚蠢的问题，但是，我无法找到答案。

所以，我正在构建一个Vue组件，并希望访问 VUE微调我的组件内部的组件。我该怎么办？

以下是相关代码的片段：

app.js：

Vue.component('players', require('./components/TeamPlayersComponent.vue'));

import GridLoader from 'vue-spinner/src/GridLoader.vue';

const app = new Vue({
    el: '#app',
    components: {
        GridLoader
    }
});

TeamPlayersComponent.vue：

<grid-loader></grid-loader>

假设已经安装了vue-spinner（NPM）并且已经安装了 TeamPlayersComponent.vue 除了在控制台中提供此错误之外，它是有效且有效的：

vue.js?3de6:525 [Vue warn]: Unknown custom element: <grid-loader> - did you register the component correctly? For recursive components, make sure to provide the "name" option. (found in component <players> at /home/vagrant/code/rounds-smaa/resources/assets/js/components/TeamPlayersComponent.vue)

我正在和Laravel Elixir和Gulp一起使用Vue。

11634

2018-01-04 09:34

起源

你有没有尝试过任何建议的方法？文件。请分享你到目前为止所尝试的内容。 - Nora

问题已更新，谢谢。 - AshMenhennett

答案:

您可以通过以下方式获得：

var PulseLoader = require('vue-spinner/src/PulseLoader.vue');

并将其添加到组件中：

new Vue({
  components: {
    'PulseLoader': PulseLoader
  }
})

2018-01-04 09:39

解：

更换 GridLoader app.js（Laravel设置）中的特定代码：

Vue.component('grid-loader', require('vue-spinner/src/GridLoader.vue'));

按预期工作！

2018-01-04 10:01

您还可以导入如下：

import grid-loader from "vue-spinner/src/GridLoader.vue";

然后在您要导入它的组件中：

components: { grid-loaderfrom }

2018-05-01 13:53

我认为您应该在TeamPlayersComponent.vue文件中本地注册该组件。导入组件并在文件中注册。

    import gridLoader from 'vue-spinner/src/GridLoader.vue'

然后在本地注册组件。

    components: {
                gridLoader
               }

2017-07-07 12:32

问题 如何将Vue组件“导入”到Vue组件中

答案:

热门问题

问题如何将Vue组件“导入”到Vue组件中