07-组件之间的传值:父组件给子组件传值

组件之间的传值分为三种传值方式

1.父组件传值给子组件:使用属性传 props['自定义属性名']
2.子组件传值给父组件: 使用方法传 $emit
3.非父子组件之间的传值:借助空的vue实例传

一、父组件传值给子组件(1)

   
父组件给子组件传值(2)

 
二、使用福组组件传值实现水果列表,如下图,可以实现增加和删除的功能
07-组件之间的传值:父组件给子组件传值_第1张图片
1.png

   
三、父传子实现购物车效果



    
    Document
    


   

你可能感兴趣的:(07-组件之间的传值:父组件给子组件传值)