vue 子组件与父组件之间传值
1.父组件向子组件传值
1.1 在子组件的标签上绑定一个自定义属性,值为父组件要传递的数据。
1.2 在子组件内部用props属性来接收属性名,属性名指代传递的数据。
2.子组件向父组件传值
利用vue中的$emit将想要传递的值通过函数的形式传出,在父组件接收
this.$emit(arg1,arg2) arg1:方法名字,arg2:要传出的值
2.1 在子组件的标签上绑定自定义事件,子组件内部通过$emit来推送数据
我在span上绑定了一个点击事件,函数里面传出了一个方法名为toParent的方法,这时候我们就要去父组件接收这个函数,它会带一个返回值,这个返回值就是我们需要从子组件传的值。
2.2 父组件内部通过自定义事件调用的函数参数来接收传递的数据
此时在父组件里面定义了一个toParent方法,这个名称要和子组件里面this.$emit(arg1)中的arg1的命名一样,用来接收。在showCartnum里面接收的参数就是当前传回的值。