父组件监听子组件声明周期的方法

父组件：@hook:mounted="watchChild",watchChild写监听到子组件生命周期触发后,要走的逻辑

<template>
  <div class="home">
    <div>{{title}}</div>
//看这里看这里
    <child @hook:mounted="watchChild"></child>
  </div>
</template>

<script>
// @ is an alias to /src
// import pdf from "vue-pdf";
import child from "@/components/child/child";

export default {
  name: "home",
  data () {
    return {
      title: "父组件",
    };
  },
  components: {
    child
  },
  methods: {
    // 监听子组件触发事件
    watchChild () {
      // 可以监听到子组件mounted之后，获取子组件的DOM节点的ref属性
      console.log(111)
    }

  }
};
</script>

子组件什么都不用写