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

Question

当我尝试在我的

vuejs2

项目中使用 luxon 时，我遇到此错误。

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

我希望这对你来说是更清楚的事情。谢谢。

Answer 3

在反应中我遇到了问题，无法按照上述方式导入。但这样就成功了：

import * as luxon from "luxon"
const { DateTime } = luxon

目前它也应该可以在 Vue 中运行。