Vue组件传参

父子传参

通过在子组件中定义props的参数名，然后在父组件中给定义的参数名传值，以达到父子传参的目的。

1、子组件在props中定义参数名。

 props:["title"]

2、父组件给定义参数名赋值。

 <myPageSon1 title="nihao" >
        Are you ok ?
 </myPageSon1>

子父传参

在父组件中自定义事件，然后绑定到子组件上。子组件通过this.$emit("funName","param");激活父组件中的事件，以达到传值的目的。

1、在父组件中自定义方法。

<myPageSon1  v-on:fun="fromson"> <!-- fun即为自定义方法名-->
        Are you ok ?
</myPageSon1>

2、实现自定义事件的触发方法。

 fromson:function(val){
   console.log(val);
},

3、在子组件中触发父组件的自定义事件并将该参数传递。

this.$emit("fun","myParam")