【面试题】vue父子组件事件调用

1 父组件调用子组件的方法

    1 在父组件的子组件标签上写上ref属性 ref="child"

    2 然后通过 ( this.$refs.child.xxxFn()  ) this.$refs.child 调用子组件的相应方法

2 子组件调用父组件的方法

    1 在父组件的子组件标签上写上,比如@childFn="fatherFn"进行事件绑定

    2 在父组件的methods里面实现fatherFn方法

    3 在子组件里使用 this.$emit('childFn',参数)来调用父组件的fatherFn方法就行了

        值得注意的是:

            单参数的时候:fatherFn接收到的第一个参数就是,子组件传过来的那个参数。

            多参数的时候:fatherFn接收到的argumnets参数是一个数组,内容是子组件传来的多个参数

你可能感兴趣的:(【面试题】vue父子组件事件调用)