第一个组件
export default class He{ //export default 把创建的组件暴露出去,
constructor(name,age){ //constructor 小括号传参,大括号写属性,和function构建函数时的操作一样,
this.name = name
this.age = age
}
sey(){ //如果要在父函数下加方法,要写在constructor平级的地方。
console.log('你好,青年!')
}
}
class h extends He{ //使用extends 关键字,继承父属性
constructor(name,age,number){
super(name,age) //必须调用一下super
this.number = number
}
txt(){
this.name = this.name+'yixiu'
}
}
class t extends He{}
const tang = new t('唐',23,)
class和funcoin:
class创建出来的组件有生命周期,有私有变量。
funcoin没有
extends:
super :用extends 继承父类之后,必须在constructor内部第一行调用一下super,super可以理解为父类的引用。(好像还说调用了super才会有生命周期和私有变量)
传参 :继承之后传参需要传给constructor再传给super, 传给constructor等于传给本身, 传给super等于传给父函数。
然后mew的时候正常传参就可以了。