Vue监听第三方组件的生命周期钩子
2019-03-20 本文已影响0人
AAA前端
-
在一些场景中,我需要在父组件上知道子组件什么时候被创建、挂载或者是更新,特别是当为原生 js 库创建组件时。
-
通过使用 @hook: 前缀监听生命周期中的钩子,并指定回调函数
-
举个例子,如果你想要在第三方组件 v-runtime-template 渲染时做一些事情,那么你可以监听它的生命周期中的 updated 钩子
<v-runtime-template @hook:updated="doSomething" :template="template" />
![](https://img.haomeiwen.com/i4642829/6c6d0c936f38ee03.png)