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

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

简述：在子组件Food.vue中存在toggleShow（）这个方法，用以控制子组件的显示。目的是在父组件ShopGoods.vue里调用该方法。

前提假设您已设置二者为父子组件。

1. 在父组件中所自定义的标签中为其添加ref绑定：

 <food :food="food" ref="food"></food>

2. 在父组件中需要该方法的地方输入以下代码，即可实现子组件方法的调用。

 this.$refs.food.toggleShow();