先說明下父組件Login,子組件signCon
子拿到父數據可以通過,在子組件里面設置props:['name']的方法拿到。
首先在父組件中定義數據了:
data(){
Englishname:'lishishi'
}
<signCon :name="Englishname"/>
子組件中:
props:['name']
在子組件中的html中就可以使用了{{name}}
子傳父,想一想肯定是父組件想用子組件中的數據了
子組件中的html中有一個<button @click="go"><button/>
data(){
return{
sex:['男',‘女’]
}
}
methiods:{
go(){
this.$emit('thg',this.sex)
}
}
在父組件中也就是Login里面找到子組件也就是<signCon @thg="shows"/>
methods:{
shows(e){
this.data=e
}
}