美文网首页
06.父子组件 (VUE全栈开发学习笔记)

06.父子组件 (VUE全栈开发学习笔记)

作者: 笑着字太黑 | 来源:发表于2021-05-08 09:26 被阅读0次
06.父子组件.jpg

以下,节选自08.Vue传值方式

3.父子组件传参

使用场景:父子组件间

3.1. 父传子

子组件定义属性:

props: {
    title:String
}

父组件通过html标签属性传值:

<tab-bar-left :title="title"></tab-bar-left>
3.2. 子传父

子组件发射事件:

this.$emit('onShow', {e, schedule})

父组件接收事件:

< XXXXQuarterCell @show="onShow"></XXXXQuarterCell>
  show (event) {
  let {e, schedule} = event
},

相关文章

网友评论

      本文标题:06.父子组件 (VUE全栈开发学习笔记)

      本文链接:https://www.haomeiwen.com/subject/eyusdltx.html