VUE常用导出-导入--->export、export default、export default {}

export

1.export 
export test1 = ()=>{}

import {test1} from "/"

通过 export 导出的方法、函数 import导入时要加{ };使用时直接用test1

export default

2.export default 

export defult test2

import 任意变量 from "/"

默认导出 能且只能导出这一项,使用时直接用test2

export default { }

3.export default {}

export default {test3,test4}

import name from "/"

name.test3

默认部分导出,能导出多项 import 导入的是{test3,test4} 并且没有名字 
需要自定义,在通过name.test3的方式使用

总结:

1、export default 向外暴露的成员,可以使用任意变量来接收

2、在一个模块中,export default 只允许向外暴露一次

3、在一个模块中,可以同时使用export default 和export 向外暴露成员

4、使用export向外暴露的成员,只能使用{ }的形式来接收,这种形式,叫做【按需导出】

5、export可以向外暴露多个成员,同时,如果某些成员,在import导入时,不需要,可以不在{ }中定义

6、使用export导出的成员,必须严格按照导出时候的名称,来使用{ }按需接收

7、使用export导出的成员,如果想换个变量名称接收,可以使用as来起别名

你可能感兴趣的:(vue.js,javascript,ecmascript)