1. 程式人生 > >關於VUE中 import 、 export 和 export default 的注意問題

關於VUE中 import 、 export 和 export default 的注意問題

1、import引入一個依賴包,不需要相對路徑。

import 引入一個自己寫的js檔案,是需要相對路徑的。
示例:import axios from ‘axios’;
import AppService from ‘./appService’;

2、import什麼情況下,要用{}的方式引入,什麼情況下,只需要一個變數就行。

(1)
使用export丟擲的變數需要用{}進行import:
//a.js
export function getList(){};
//b.js
import { getList } from ‘./a.js’;

(2)
使用export default丟擲的變數,只需要自己起一個名字就行:
//a.js
var obj = { name: ‘zhazhahui’ };
export default obj;
//b.js
import aaa from ‘./a.js’;
console.log(aaa.name);// ‘zhazhahui’;

(3)
切記,一個js檔案中,只能有一個export default;
但是,一個js檔案中,可以有多個export。