vue中父子组件传值

vue中父子组件传值是经常使用的场景

父组件向子组件中传值

父组件






子组件







父组件向子组件中传值分三步
1、在父组件中给子组件命名属性,通过该属性向子组件传值
2、子组件需要事先在props中声明该属性名,这样才能接收父组件传过来的值
3、在子组件中直接调用属性名,该属性便是父组件传过来的属性值

子组件传值给父组件有两种方法
一、第一种
1、在父组件中定义方法,并通过@+方法名的方式告知子组件传过去的方法名
2、在子组件中通过$emit(方法名,参数...)调用父组件传过来的方法
二、第二种
1、在父组件中定义方法,并通过@+方法名的方式告知子组件传过去的方法名
2、在子组件中通过this.$parent.方法名()调用

你可能感兴趣的:(vue中父子组件传值)