2020-11-21vue.js 父、子组件间的传参 @input事件实现子传父、数据双向绑定版

  

  

  

  

  

 

  

    

父组件：

    

num1: {{num1}}

    

num2: {{num2}}

    

    :pnum1='num1' :pnum2='num2'

     />    

  

  

    

      

子组件props：

      

pnum1: {{pnum1}}

      

pnum2: {{pnum2}}

      

子组件data:

      

请输入:

      input1 

      input2 

      

dnum1: {{dnum1}}

      

dnum2: {{dnum2}}

 

    

  

  

input 输入=>子组件data同步更新，并传入@input事件，利用事件$emit=>父组件=>子组件props    No2=No1*100

B站 UP：ilovecoding 视屏课案例