Question

我主要是一个后端开发人员，但是现在我需要在现有的vue代码库中实现某些功能。在名为myModal.vue的文件中，我需要使用this cron-parser js lib。当我在app.js文件中使用它时，它可以很好地工作：

import CronParser from 'cron-parser';

let interval = CronParser.parseExpression('*/2 * * * *');
console.log(interval.next().toString()); // logs a correct datetime

所以我现在想将此CronParser传递到myModal.vue文件。因此，在现有的HighCharts注入之后，我添加了这4行中的第三行：

Vue.prototype.$eventHub = new Vue();
Vue.use(HighchartsVue);
Vue.use(CronParser);

let myModal = require('./components/myModal.vue');
// and some more components

然后在myModal.vue中，我使用相同的代码：

let interval = CronParser.parseExpression('*/2 * * * *');
console.log(interval.next().toString());

但是我现在得到

"ReferenceError: CronParser is not defined"

我有点迷失在这里我要去哪里。有人可以向我暗示正确的方向

Answer 1

CronParser不是vue库，您不会像Vue.use(CronParser);这样使用它

相反，只需确保将其导入myModal.vue中即可。看来您可能在那里找不到import CronParser from 'cron-parser';。

如何在Vue组件中使用依赖项？

1 个答案: