当前位置: 代码迷 >> 综合 >> Vue 之 导入 import {formatDate} 中为什么要加上花括号 {}
  详细解决方案

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

热度:61   发布时间:2023-12-02 06:03:17.0

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’

  相关解决方案