父子组件传值,传递事件

1. 父组件向子组件传值

    使用props传值

    父组件中: 父子组件传值,传递事件  

 

 

    子组件中:父子组件传值,传递事件

 

2. 子组件向父组件传值

    使用事件发送的方式,通过函数的参数传值

    子组件中:父子组件传值,传递事件

 

    父组件中:父子组件传值,传递事件

 

                      父子组件传值,传递事件

 

 

 

3. attrs和listeners穿透组件

    使用attrs和listeners分别监听父组件的方法和事件,传递给自己的子组件(一般使用在调用公共组件中,可以直接将数据传递给调用的组件)

    父子组件传值,传递事件

 

 

 

 

4. vuex传值

    将数据存储在vuex中全项目取用

    vuex中:父子组件传值,传递事件

    存储:父子组件传值,传递事件

 

    获取:父子组件传值,传递事件

 

上一篇:自定义view 设置FrameLayout最大宽度比,view最大宽度比


下一篇:自定义View的简单实现