vue 中 import 、 export 和 export default 的注意问题
a、import引入一个依赖包,不需要相对路径。import 引入一个自己写的js文件,是需要相对路径的。示例:import axios from ‘axios’;import AppService from ‘./appService’;b、(1)import什么情况下,要用{}的方式引入,什么情况下,只需要一个变量就行。(1)使用export抛出的变量需要用{}进行impo...
a、import引入一个依赖包,不需要相对路径。
import 引入一个自己写的js文件,是需要相对路径的。
示例:import axios from ‘axios’;
import AppService from ‘./appService’;
b、
(1)
import什么情况下,要用{}的方式引入,什么情况下,只需要一个变量就行。
使用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 的对象不能以键值对的形式写;
更多推荐
所有评论(0)