vue中export和export default的使用

Posted jeely

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中export和export default的使用相关的知识,希望对你有一定的参考价值。

1 export的使用

比喻index.js要使用test.js中的数据

首先在test.js文件中进行导出操作

技术图片

在index.js文件进行导入操作

第一种方法:

技术图片

此时的输出结果是:

技术图片

注意:

export 不能直接写成这样子  
export
    "":""    // 这样会报错
    ....
 

2 export default的使用

test.js文件

技术图片

index.js文件中:

技术图片

输出的结果:

技术图片

 

注意:

export default let a=10   // 不能类似这样的写 一样也是会报错的
 

所以还是要多总结的。。。

记住:

一个js文件是可以有多个 export

但是一个js文件中只能有一个export default

以上是关于vue中export和export default的使用的主要内容,如果未能解决你的问题,请参考以下文章

关于VUE中 import export 和 export default 的注意问题

关于VUE中 import 、 export 和 export default 的注意问题

关于 vue中 export default 和 new Vue({})

vue export default

module.exports 和 export default

为啥有的地方用module.exports有的地方用export default