如何在vuejs項目中導入和使用luxon？

Question

當我嘗試在vuejs2項目中使用luxon時遇到此錯誤。

Uncaught TypeError: Cannot read property 'local' of undefined

我使用npm安裝了lib，並導入了我的組件：

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

你們可以告訴我我做錯了什么嗎，甚至可以提出其他librairie來進行時間操作，以便輕松地使用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

希望對您來說這是一件更清楚的事情。 謝謝。