Vue_之_导入_import_{formatDate}_中为什么要加上花括号_{}

Vue_之_导入_import_{formatDate}中为什么要加上花括号{}

---

如图：

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

    export function formatDate(date,fmt){


    };

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

     import {formatDate} from '@/js/format.js';

其实这是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’