18.从组件外部调用一个方法

这节课，我们来看一下如何从组件外部调用组件内的方法。

我们来看个例子，假设，我们有一个 Child 组件:

// Child.vue
<template>
  <div>
    child 组件
  </div>
</template>

<script>
export default {
  methods: {
    childMethod () {
      console.log('调用了 child 组件方法')
    }
  }
}
</script>

如果我们想父组中调用 Child 的 childMethod方法，该怎么做呢？恩，我们一般使用 ref 方式，如下所示：

<template>
  <div>
    <Child ref="child" />
  </div>
</template>

<script>
import Child from './components/Child.vue'

export default {
  components: {
    Child
  },
  mounted () {
    thi