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

  • Post author:
  • Post category:vue



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 {};



版权声明:本文为qq_37968920原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。