一些vue中你不知道的开发小技巧
1.监听生命周期Hook
父组件监听子组件内部的生命周期
在子组件中自定义一个名为hook的方法后面接要监听的生命周期,当子组件触发指定生命周期钩子函数时就会触发父组件中的自定义方法。
当然你也可以说可以通过$emit去通知父组件,这种方式只适用于子组件是自定义的,当引用第三方组件时想使用$emit只能去修改组件库中的源码了,hook就可以很简单的就解决这个问题。
除了监听子组件中的生命周期之外,hook也可以监听当前组件的生命周期,如图:
我再mounted中调用一个定时器,当页面销毁时我们可以在beforeDestroy生命周期中去销毁这个定时器,通过$once(只监听一次),$on(持续监听)可以在mounted中监听其他的生命周期,这样咱们的逻辑代码可以放在一个位置就不至于混乱而且还高大上有没有。