vue 中 import 、 export 和 export default区分

一、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。