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 注入之后，我添加了这 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组件中如何使用依赖？

How to use dependency in Vue component?

javascript

dependency-injection

referenceerror

vue.js