组件传值之props与emit

用法

父组件通过props向下传递数据给子组件；子组件通过emit给父组件传递方法

1. 父组件传值子组件

• 在子组件标签上定义一个属性 <子组件 :自定义属性名="值"></子组件>
• 在子组件接收数据
  • 在props中接收
    1. 简单接收：props:['属性名']
    2. 定义类型与默认值接收

props:{
    属性名:{
        type:"类型",
        default:"默认值"
    }
}

2. 子组件调用父组件方法

• 在子组件标签上绑定方法 <子组件 @自定义方法名="父组件方法"></子组件>
• 在子组件里调用该方法 this.$emit("自定义方法名",参数)