Javascript

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

本文主要是介绍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不行

这篇关于Vue学习-js中函数的export和import的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!