VUE中子组件调用父组件的方法,父组件调用子组件的方法,父子组件互相传值和方法调用

场景:自定义一个通用组件,需要调用父组件的方法进行计算

一、使用this.$emit()向父组件触发一个事件,父组件监听这个事件即可。

父组件:


子组件:


二、直接在子组件中通过“this.$parent.event”来调用父组件的方法。

父组件:


子组件:


三、父组件把方法传入子组件中,在子组件里直接调用。

父组件:


子组件:


场景:父组件调用子组件的方法,父组件取值子组件的属性参数

父组件(包含的子组件引用标签中加上ref属性),这时给子组件标签使用ref,引用指向的就是子组件的实例

父组件:


 

子组件:


 

你可能感兴趣的:(vue,uniapp,vue.js,javascript,前端)