如何在Vue組件中使用依賴關系？

Question

我主要是后端開發人員，但現在需要在現有的vue代碼庫中實現某些功能。 在名為myModal.vue的文件中，我需要使用此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);這樣使用它Vue.use(CronParser);

相反，只需確保將其導入到myModal.vue 。 看來您可能缺少import CronParser from 'cron-parser'; 在那里。