组件:子传父 对话框小练习

把子组件中的数据传递到父组件中
例:

 


    
    子给父传值
 
 
 
组件:子传父 对话框小练习_第1张图片
12041882-55005438ebec8c8b.png

注释:点击按钮时,就会弹出父组件传给子组件的数据

练习1:




    
    子给父传值练习


 
组件:子传父 对话框小练习_第2张图片
12041882-7b461f24cb046ffa.png

注释:可以把子组件中input的value传递到父组件的p标签中去
练习2:制作一个聊天对话框




    
    对话框


点击前:

组件:子传父 对话框小练习_第3张图片
12041882-5f528891b9ce931a.png

点击后:


组件:子传父 对话框小练习_第4张图片
12041882-f8651d0a28026603.png

你可能感兴趣的:(组件:子传父 对话框小练习)