How to execute a method of a child component (child component) from a component?

Question

Vue.js

How can you call a method of a child component (child component) like this?

Answer 1

parentComponent

<template>
  <child-component ref="childComponent" />
</template>

export default {
  methods: {
    action() {
      this.$refs.childComponent.action();
    }
  },
}