一、export 和 import的各自功能:export 是将我们自己编写的函数或变量导出,而import是将编写好的函数或定义的变量导入
二、具体示例
导出函数和变量:
定义函数
function consol(){
console.log('1')
}
定义变量
var i = 9
将定义的函数和变量导出
export {consol,i}
此时,相当于导出一个对象
导出函数和变量的使用
import {consol i} from './export.js'//export.js就是导出函数和对象的文件
vue的mounted生命周期钩子函数中直接调用函数:consol()
补充:export default(默认导出)关键字的使用
当有若干导出对象时,export default可以将一个对象默认导出
即使用 imort时,优先导出默认导出默认导出对象
如下列代码
function consol(){
console.log('1')
}
var i = 9
var test = 13
export default {consol,i}
export { test }
导入
import A from './export.js'
使用
mounted() {
A.consol ()
this.a = A.i
console.log(this.a)
console.log(test)
}
此时只导入consol和i,而test不会被导入
如果访问test会报错,如下列报错:error ‘test’ is not defined no-undef