vue里的export default

Survive by day and develop by night.
talk for import biz , show your perfect code,full busy，skip hardness,make a better result,wait for change,challenge Survive.
happy for hardess to solve denpendies.

目录

概述

vue里的export default的是一个非常常见的需求。

需求：

设计思路

实现思路分析

1.

Vue 是通过 webpack 实现的模块化，因此可以使用 import 来引入模块，例如：
此外，你还可以在 bulid/webpack.base.conf.js 文件中修改相关配置：

2.

export 用来导出模块，Vue 的单文件组件通常需要导出一个对象，这个对象是 Vue 实例的选项对象，以便于在其它地方可以使用 import 引入。

而 new Vue() 相当于一个构造函数，在入口文件 main.js 构造根组件的同时，如果根组件还包含其它子组件，那么 Vue 会通过引入的选项对象构造其对应的 Vue 实例，最终形成一棵组件树。

4.export 和export default 的区别

export 可以导出多个命名模块，例如：

5.

export default 只能导出一个默认模块，这个模块可以匿名，例如：
引入的时候可以给这个模块取任意名字，例如 “obj”，且不需要用大括号括起来。

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

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

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

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

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

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

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

参考资料和推荐阅读

[1].https://blog.csdn.net/qq_27674439/article/details/108094742
[2].https://www.cnblogs.com/JAVA-STUDYER/p/11657140.html

欢迎阅读，各位老铁，如果对你有帮助，点个赞加个关注呗！~