父子组件之间的传参

父组件向子组件传参:

        子组件在props中创建一个属性,用以接受父组件传过来的值;

        在父组件中注册子组件;

        在子组件标签中添加 在子组件中注册的属性;

        把需要传给子组件的值赋值给该属性。

 

子组件向父组件提交值:

        在子组件中需要有一个点击事件,在事件中提交自定义函数:this.$emit("functionName","child data");

        在父组件的子标签中监听该自定义事件,并添加一个响应该事件的处理方法:v-on:functionName="dealFuncName"

                                                methods:{

                                                  dealFuncName: function(data){

                                                        console.log(data)

                                                      }                        

                                                  }

posted @ 2018-10-30 15:36  泽泽生龙  阅读(192)  评论(0编辑  收藏  举报