2018-05-20

父传子

父组件

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

來源:简书

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 137,188评论 19赞 139
  • 开始学CSS的时候,已经系统的学习完了html,但是对于两者之间的练习,也有了更加深刻的理解。html是用来构建网...
    小Faker阅读 360评论 0赞 0
  • 成长的代价 每个人都有梦想的权利,每个人都有做梦的年纪。 梦想犹如高悬的太阳,引无数人迸发夸父逐日的狂热,一路狂奔...
    高中语文笔记帮阅读 343评论 1赞 2
  • 多少次梦回那年 汗与泪的夏天曾经熟悉身影 从此便海北天南刻在桌上的箴言 在记忆里酣眠四季依然交替 为何褪去了斑斓 ...
    梦饮千樽月阅读 604评论 0赞 51

友情链接更多精彩内容