如何在vuejs项目中导入并使用luxon？

Question

当我尝试在我的 vuejs2 项目中使用 luxon 时，我遇到了这个错误。

Uncaught TypeError: Cannot read property 'local' of undefined

我使用 npm 安装了库，并导入了我的组件：

import DateTime from 'luxon'
const exmpl = DateTime.local()

你们能告诉我我做错了什么吗，或者甚至建议另一个可以轻松与 vuejs 一起工作的时间操纵库。

Answer 1

因为DateTime没有正确导入。

import { DateTime } from 'luxon'

Answer 2

正在导入

我想用一般的 ES6 语法做一个解释。

让我们导入那些非常有用的辅助函数：

import { sayName, sayAnimal } from './Helpers';
import whatsYourFlava from './Helpers';
sayName('Sam');
//Hello Sam
sayAnimal('Giraffe');
//What animal? Giraffe
whatsYourFlava('grapes');
//I'm liking grapes

导入命名导出时，您必须将它们括在花括号中。如果您从同一模块导入多个导出，您可以将它们连接起来，基于逗号, 并在同一个大括号中使用它们。这看起来很像 ES6 中的解构，但实际上与它没有任何关系。

当您导入时，省略大括号，它将在您导入的模块中查找默认导出。因为它知道它必须寻找默认导出，所以您可以为导入使用任何随机名称。这也行得通：

import bruhGetMoney from './Helpers';
bruhGetMoney('money');
//I'm liking money

我希望这对您来说更清楚。谢谢

如何在vuejs项目中导入并使用luxon？

How to import and use luxon in a vuejs project?

javascript

datetime

vuejs2

luxon

正在导入