【Vue.js】親コンポーネントから子コンポーネントのメソッドを叩く

ref を使って子コンポーネントに対して参照IDを割り当てる。

jp.vuejs.org

<template>
  <div id="app">
    <!-- 子コンポーネントFooComponentにfooという参照IDを割り当てる -->
    <FooComponent ref="foo"/>
  </div>
</template>

<script>
  // ...
  methods: {
    // 子コンポーネントであるFooComponentのメソッドfugaを叩く
    this.$refs.foo.fuga();
  }
</script>