vue監聽子組件生命週期

偶爾看到的，覺得很好玩：

比如有父組件Parent和子組件Child，如果父組件監聽到子組件掛載mounted就做一些邏輯處理，常規的寫法可能如下：

// Parent.vue
<Child @mounted="doSomething"/>

// Child.vue
mounted() {
  this.$emit("mounted");
}

這裏提供一種特別簡單的方式，子組件不需要任何處理，只需要在父組件引用的時候通過@hook來監聽即可，代碼重寫如下：

<Child @hook:mounted="doSomething"/>

當然這裏不僅僅是可以監聽mounted，其它的生命週期事件，例如：created，updated等都可以，是不是特別方便~

原作者鏈接：https://juejin.im/post/5ce3b519f265da1bb31c0d5f