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
},