封装组件
基本封装思想:将属性和方法写在一个类中,放在单独的一个文件下,将这个类导出,提供给其他的文件中进行直接使用,Fun.js
的封装文件形式如下:
js
class Fun{
constructor(name,age){
this.name = name;
this.age = age;
}
f2(){
console.log(this.name , this.age);
}
}
export default Fun;
当导出形式为export default
时,其他文件的导入方式为:
js
import Fun from '/src/utils/cesiumKit/Fun.js'
const obj = new Fun('张三',18);
obj.f2() // 使用封装的方法
当导出的形式为export { Fun }
,其他文件的导入方式为:
js
import { Fun } from '/src/utils/cesiumKit/Fun.js'
// 也可以进行设置别名,如下设置别名为Test
import { Fun as Test } from '/src/utils/cesiumKit/Fun.js'