javascript - 如何在 Vue.js 中正确导入组件

Question

我定义了以下组件:

import Vue from 'vue';
import Datepicker from 'vuejs-datepicker';

Vue.component('DatePicker', {
    template: `
    <datepicker name="date"></datepicker>
  `,
});

我试图从另一个文件导入它并在另一个组件中使用它，但由于某种原因我收到如下错误:

[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

我对 Vue.js 还很陌生，所以我想知道是否有人可以指导我我在这里做错了什么!

这是我尝试使用该组件的方式:

require('./datetime-picker');
<DatePicker></DatePicker>

Answer 1

要全局注册组件，请尝试以下操作:

import Vue from 'vue';
import Datepicker from 'vuejs-datepicker';

Vue.component('DatePicker', Datepicker);

现在您可以通过将其导入其他组件来使用它，而无需使用 components: { Datepicker }