Vue组件传参

父子传参

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

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

 props:["title"]

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

 
        Are you ok ?
 

子父传参

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

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

 
        Are you ok ?

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


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

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

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

 

你可能感兴趣的:(Vue组件传参)