关于VUE中 import 、 export 和 export

1、import

(1)基本用法

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

import axios from ‘axios’;
import AppService from ‘./appService’;

(2)使用export抛出的变量需要用{}进行

//a.js
export function getList(){};
//b.js
import { getList } from ‘./a.js’;

(3)使用export default抛出的变量，可以自己随意起一个名字

//a.js
var obj = { name: ‘zhazhahui’ };
export default obj;
//b.js
import aaa from ‘./a.js’;
console.log(aaa.name);// ‘zhazhahui’;

2、export

一个js文件中，只能有一个export default；
一个js文件中，可以有多个export。
export default 和 export 可以同时存在

(1)基本用法

let myName = "Jon";
let myAge = 18;
let myfn = function(){ return "我是"+myName+"！今年"+myAge+"岁了"}
export {
    myName,
    myAge,
    myfn
}
import { myfn, myAge, myName } from "./test.js";

(2)别名

/******************************test1.js**********************/
export let myName = "我来自test1.js";
/******************************test2.js**********************/
export let myName = "我来自test2.js";
/******************************index.js**********************/
import {myName as name1} from "./test1.js";
import {myName as name2} from "./test2.js";
console.log(name1); //我来自test1.js
console.log(name2); //我来自test2.js