VueCLI 引入图片的3种方式(public、assets、require)
export,import ,export default
ES6模块主要有两个功能:export和import
export用于对外输出本模块(一个文件可以理解为一个模块)变量的接口
import用于在一个模块中加载另一个含有export接口的模块。
也就是说使用export命令定义了模块的对外接口以后,其他JS文件就可以通过import命令加载这个模块(文件)
export 导出 import 导入
例如: a.js文件有如下代码:
单变量导出
export var name="李四";
在其它文件里引用如下:
import {
name } from "/.a.js" //路径根据你的实际情况填写
export default {
data () {
return {
}
},
created:function(){
alert(name)