父组件点击触发子组件的事件

点击父组件中的button调用子组件的事件，可用于父子组件的传值实时更新。
父组件代码：

<template>
<button @click="handleChange"></button>
<child ref="child"></child>
</template>
<script>
import child from "子组件相对父组件路径"
export default {
  components: {
    child
  }
  data () {
    return {
      msg: "",
    }
  }
  methods:{
    handleChange() {
      this.msg = "haha"
      this.$refs.child.parentMsg(this.msg);
    }
  }
}
</script>

子组件中代码：

<template>
</template>
<script>
export default {
  methods:{
    parentMsg(msg) {
      console.log(msg);  //haha
    }
  }
}
</script>