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

import引入一个依赖包，不需要相对路径。

import 引入一个自己写的js文件，是需要相对路径的。

import axios from ‘axios’

import AppService from ‘./appService’脊销

//a.js

export function getList(){}

//b.js

import { getList } from ‘./a.js’

//a.js

var obj = { name: ‘zhazhahui’ }

export default obj

//b.js

import aaa from ‘./a.js’

console.log(aaa.name)// ‘zhazhahui’

一个js文件中，只能有一个export default；

一个答悔js文清野正件中，可以有多个export。

export default 和 export 可以同时存在

首辩闷旦先申明我是window系统下Vue-cli 4.5.3版本，脚手架整体基于vue2内核。

1.正常js文件如果有使用export向外暴露对象，将js放在src/assets都是可以通过import直接引入。但有有些情况下我们需要导入第三方的js文件，例如近期我在做的阿里携扰罩宴云点播视频上传SDK，包括最近在学习的ThreeJs，如果单单只是在public中index.html通过<script src="https://cdn.bootcss.com/three.js/92/three.js"></script>引入，是不够的还需要在具体vue页面引入：

这也是我尝试两天才成功，走了些弯路，希望帮助到有同样问题的打工人，共勉!

由于一些演示，需要对编码名称等可快速进行修改，需要页面方便配置。由于build后的vue项目基本已经看不出原样，因此需要创建一个文件，并在打包的时候不会进行编译。

例如config.js定义了一个变量叫config，并在index.html页面引入后，那么在页面任何一处地方都可以直接芦洞使用。　

config.js：

index.html：

页面使用：

在开发环境中，我在逗慧public下创建了config.js文件，并且用export default方法进行导出。在页面使用的地方使用import config from XXX进入引入山哗答。开发过程中，没有出问题，但是在打包发布以后，发现修改config文件并不生效。

经过排查才意识到：不打包编译的js文件不识别es6语法，并且不应该使用import方法进行引入，应该按照原生的js文件进行使用。

原文地址： https://www.cnblogs.com/luoxuemei/p/11926472.html

---