Vue.js——监听组件的生命周期

66 阅读 0 评论 44 点赞

我是靠谱客的博主爱撒娇钢笔，最近开发中收集的这篇文章主要介绍Vue.js——监听组件的生命周期，觉得挺不错的，现在分享给大家，希望可以做个参考。

有父组件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#heading-6

以上就是爱撒娇钢笔为你收集整理的Vue.js——监听组件的生命周期的全部内容，希望文章能够帮你解决Vue.js——监听组件的生命周期所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。