父子组件通信-结合双向绑定的案例

  

  

  

  

    

    @num1change="num1change" @num2change="num2change"

    >

  

  

  

    

      

props:{{number1}}

      

data:{{dnumber1}}

      

      

      

props:{{number2}}

      

data:{{dnumber2}}

      

      

    

  

父传子步骤：

1.在子组件使用props定义数据。

2.在使用父组件时使用v-bind给数据赋值。

子传父步骤：

1.在子组件函数内使用this.$emit()方法发射数据。

2.在父组件定义发送过来的函数及使用其数据。