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

vue.js Vue.js

古一

2020-03-30

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

因此,我正在构建一个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。

第3862篇《如何将Vue组件“导入”到Vue组件》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
卡卡西 2020.03.30

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

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

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

components: { grid-loaderfrom }

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android