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

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 注入(inject)之后，我添加了这 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'; 。