如何正确全局地注册和使用Vue Rangedate Picker组件?

时间:2018-09-19 10:24:08

标签: javascript vue.js webpack vue-component

我正在尝试使用VueRangedatePicker,但似乎无法弄清楚如何在其他vue组件的模板上使用它。我正在使用Webpack。 我已经在main.js文件中注册了组件/插件,如下所示:

data2

然后在我的组件component_A.vue上,我再次以以下方式导入VueRangedatePicker插件:

year = 2017

我知道插件/组件已注册,因为当我在控制台上登录Vue Rangedate Picker时,我可以看到该对象 enter image description here

但是我收到这样的错误消息enter image description here

我已经阅读了项目github上的完整readme.md文件,但仍然感到困惑。什么是Vue_Daterange_picker?是插件吗?它是组件吗?它是允许我构建组件的插件吗?我很困惑。您能为我澄清一下吗?我该如何工作?

1 个答案:

答案 0 :(得分:1)

这是因为您用空名称注册了组件。 在main.js中:

Vue.component('DatePicker', VueRangedatePicker)

然后在您的组件中将该组件用作:

<date-picker></date-picker>