vue 父子组件传值父子组件方法互相调用问题

传值问题

父传子

父组件

子组件

{{fatherName}}

子传父

父组件

子组件

方法调用问题

父调子

方法一: 使用$refs
父组件

子组件

子调父

方法一: 使用 this$emit()调用父组件方法,参见 传值问题:子传父
方法二: 使用 this.$parent
父组件

子组件

方法三:把父组件方法当参数传给子组件
父组件

子组件

方法四:使用vue 的依赖注入的方法

补充,如果遇到比较复杂的,多层级组件之间的传值问题,建议使用vuex加缓存,否则你马上就会被互相传值、方法互相调用折磨的头皮发麻

你可能感兴趣的:(vue.js,component,组件通信,父子组件-动态渲染)