如何将Vue组件“导入”到Vue组件

这可能是一个很愚蠢的问题,但尽管如此,我仍然找不到答案。

因此,我正在构建一个Vue组件,并希望在我的组件内部访问vue-spinner的组件。我该怎么办?

以下是相关代码段:

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。

卡卡西2020/03/30 18:23:54

您还可以按以下方式导入:

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

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

components: { grid-loaderfrom }