好资源导航 » 文章资讯 » Vue父组件监听子组件生命周期

Vue父组件监听子组件生命周期

2023-07-17 06:57:03 75

比如有父组件Parent和子组件Child，如果父组件监听到子组件挂载mounted就做一些逻辑处理，可以通过以下写法实现：

//Parent.vue


//Child.vue
mounted(){
this.$emit("mounted");
}

以上需要手动通过$emit触发父组件的事件，更简单的方式可以在父组件引用子组件时通过@hook来监听即可，如下所示：

//Parent.vue


doSomething(){
console.log('父组件监听到mounted钩子函数...');
},

//Child.vue
mounted(){
console.log('子组件触发mounted钩子函数...');
},

//以上输出顺序为：
//子组件触发mounted钩子函数...
//父组件监听到mounted钩子函数...

当然@hook方法不仅仅是可以监听mounted，其它的生命周期事件，例如：created，updated等都可以监听。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

Vue父组件监听子组件生命周期

热门推荐

随机推荐