Vue监听第三方组件的生命周期钩子

• 原文地址https://juejin.im/post/5c905f45f265da60df410019

• 在一些场景中，我需要在父组件上知道子组件什么时候被创建、挂载或者是更新，特别是当为原生 js 库创建组件时。

• 通过使用 @hook: 前缀监听生命周期中的钩子，并指定回调函数

• 举个例子，如果你想要在第三方组件 v-runtime-template 渲染时做一些事情，那么你可以监听它的生命周期中的 updated 钩子

<v-runtime-template @hook:updated="doSomething" :template="template" />

image.png

推荐阅读更多精彩内容

• Vue.js 2.0 Official Guide Note

  这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容，还有我对于 Vue 1.0 印象不深的内容。关于...

  云之外阅读 5,074评论 0赞 29
• vue生命周期详解

  1.vue基本生命周期 vue源码中最终执行生命周期函数都是调用callHook方法，callHook函数的逻辑很...

  WHU_GIS_LJ阅读 19,647评论 0赞 13
• 钩子的应用和生命周期的实现

  钩子(hook) 钩子的概念源于Windows的消息处理机制，通过设置钩子，应用程序可以对所有的消息事件进行拦截，...

  sikoGG阅读 2,012评论 0赞 0
• vue音乐播放器学习笔记(4) - ( vue的生命周期 ) + ( v-if 和 v-sho...

  (一) vue的生命周期 https://segmentfault.com/a/1190000008010666 ...

  woow_wu7阅读 1,409评论 0赞 3
• 工作和家庭，哪个优先

  首先，松了一口气，很庆幸题目给的是工作和家庭。 而不是，事业和家庭，哪个优先。 工作和事业，多少还是有些区别，即使...

  邵帅帅帅帅阅读 574评论 0赞 1