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

vue 中 import 、 export 和 export default 的注意問題

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

b、
(1)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。

c.export 的物件不能以鍵值對的形式寫;