vue实用小技巧

一些vue中你不知道的开发小技巧

1.监听生命周期Hook

父组件监听子组件内部的生命周期

在子组件中自定义一个名为hook的方法后面接要监听的生命周期,当子组件触发指定生命周期钩子函数时就会触发父组件中的自定义方法。

当然你也可以说可以通过$emit去通知父组件,这种方式只适用于子组件是自定义的,当引用第三方组件时想使用$emit只能去修改组件库中的源码了,hook就可以很简单的就解决这个问题。


除了监听子组件中的生命周期之外,hook也可以监听当前组件的生命周期,如图:

我再mounted中调用一个定时器,当页面销毁时我们可以在beforeDestroy生命周期中去销毁这个定时器,通过$once(只监听一次),$on(持续监听)可以在mounted中监听其他的生命周期,这样咱们的逻辑代码可以放在一个位置就不至于混乱而且还高大上有没有。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容