vue中父组件执行子组件中的方法

vue中父组件执行子组件中的方法

父组件

//子组件渲染在父组件中
<div>
   <componentsName  ref='anyName' ></componentsName>
   <button @click="btnClick"></button>
</div>
<script>
import componentsName from "./componentsName.vue";
export default {
  components: {
      componentsName
  },
  methods: {
     btnClick(){
     	this.$refs.anyName.way()
     }
  }
}
</script>

子组件 componentsName.vue

//子组件中的方法
method：{
   way(){
   	console.log('调用成功')
   }
}