Vue 之 导入 import {formatDate} 中为什么要加上花括号 {}

date.js

通过export function fnt(){} 导出的方法或函数是 要加上花括号{ fnt } 的

    export function formatDate(date,fmt){


    };

引入到 .vue文件中
要加上花括号{}

     import {formatDate} from "@/common/js/date";

其实这是ES6中的语法：
import::导入模块
export:导出模块

// 全部导入
import people from './example'

// 将整个模块当作单一对象进行导入，该模块的所有导出都会作为对象的属性存在
import * as example from "./example.js"
console.log(example.name)
console.log(example.getName())

// 导入部分，引入非 default 时，使用花括号
import {name, age} from './example'


// 导出默认, 有且只有一个默认
export default App

// 部分导出
export class App extend Component {};

总结：

导入部分，引入非 default 时，使用花括号：
import {name, age} from ‘./example’

全部导入
import people from ‘./example’

将整个模块当作单一对象进行导入，该模块的所有导出都会作为对象的属性存在
import * as example from “./example.js”
console.log(example.name)
console.log(example.getName())

导出默认, 有且只有一个默认
export default App

部分导出
export class App extend Component {};