Vue学习-js中函数的export和import

其实这部分知识无关Vue的知识核心
是JavaScript的语法标准ECMAScript6的知识点

在.js文件中导出函数或变量

export&import{}

export const str = "嘻嘻嘻"
export function formatTime(time, fmt) {}

import {str} from '../utils/index.js'
import {formatTime} from '../utils/index.js'

1.用export来修饰变量或方法,相当于java中用public修饰变量或方法,使得别的js文件可以通过import关键字来引入调用
2.export和import成对使用,导出导入的变量或方法名必须一致
3.用export导出的成员变量或成员函数,在import导入的时候需要外加{}

export default & import

export default const str = "嘻嘻嘻"
export default formatTime(time, fmt) {}

import str from '../utils/index.js'
import formatTime from '../utils/index.js'

1.export default在一个js文件中只能导出一个
2.用export default导出的变量或函数,在import导入的时候不需要外加{}
3.export能直接导出变量表达式，export default不行