父传子
父组件
1
父组件--{{msg}}
import oA from '@/test/A'
export default{
data(){
return{
msg:'TaylorSwift',
}
},
components:{
oA
}
}
*{font-size: .5rem;}
子组件
子组件--{{name}}
export default{
// 接收值
props:{
name:{
type:String,
default:0
}
},
data(){
return{
}
}
}
子传夫
父组件
父组件--{{msg}}
import oA from '@/test/A'
export default{
data(){
return{
msg:'',
}
},
components:{
oA
},
methods:{
// 定义的事件名放在methods
showchild(res){
this.msg = res
}
}
}
*{font-size: .5rem;}
子组件
子组件--{{name}}
子组件
export default{
data(){
return{
name:'TaylorSwift'
}
},
methods:{
son(){
// 派发事件,参数
this.$emit("child",this.name)
}
}
}
作者：奇妙雨
链接：https://www.jianshu.com/p/f95a3f0f40b1
來源：简书
网友评论