3-vue-cli导入导出

在前面.我们要将vue-router/vue导入router/index.js,要将组件导入app.vue和index.js,要将router导入main.js(VM,将app.vue替换#app),要将组件中的数据方法和组件导出,这些都要用到node.js提供的import和export,这里详细讲解吧

一.导出默认数据

• 一个JS文件中只能有一个export default.多了会报错
• 一个JS文件只能对外暴露一个export default ,外界可以通过import 接收我们暴露的数据
• 接收的名称可以随便写
• 一个JS文件可以同时对外暴露export default和export但是不带default,但是对外暴露的时候用的什么名称,接收的时候就要用什么名称(可以同时接收多个)

default obj

image.png
image.png
image.png

default function(本质上也是一个对象)

image.png
image.png
image.png

export 多个变量

image.png
image.png
image.png