javascript - 如何在 vuejs 项目中导入和使用 luxon？

Question

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

Uncaught TypeError: Cannot read property 'local' of undefined

我使用 npm 安装了 lib，并在我的组件中导入：

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

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