vue 中 import 、 export 和 export default区分
一、import引入文件路径import引入一个依赖包,不需要相对路径。import 引入一个自己写的js文件,是需要相对路径的。importapp from ‘app’;import app from ‘./app’;二、import引入文件变量名1、使用export抛出的变量需要用{}进行importa.js :export function a(){};b.js:...
·
一、import引入文件路径
import
引入一个依赖包,不需要相对路径。
import
引入一个自己写的js文件,是需要相对路径的。
import app from ‘app’;
import app from ‘./app’;
二、import引入文件变量名
1、使用export
抛出的变量需要用{}进行import
a.js :
export function a(){};
b.js:
import {a} from ‘./文件a’;
2、使用export default
抛出的变量,只需要自己起一个名字就行:
a.js :
var obj = { name: ‘example’ };
export default obj;
b.js:
import newNname from ‘./a.js’;
console.log(newNname .name); // example;
3、一个js
文件中,只能有一个export default
; 但是,一个js
文件中,可以有多个export
。
更多推荐
已为社区贡献1条内容
所有评论(0)