文章详情页
Vue父组件监听子组件生命周期
浏览:134日期:2022-11-30 09:55:44
比如有父组件 Parent 和子组件 Child,如果父组件监听到子组件挂载 mounted 就做一些逻辑处理,可以通过以下写法实现:
// Parent.vue<Child @mounted='doSomething'/>// Child.vuemounted() { this.$emit('mounted');}
以上需要手动通过 $emit 触发父组件的事件,更简单的方式可以在父组件引用子组件时通过 @hook 来监听即可,如下所示:
// Parent.vue<Child @hook:mounted='doSomething' ></Child>doSomething() { console.log(’父组件监听到 mounted 钩子函数 ...’);},// Child.vuemounted(){ console.log(’子组件触发 mounted 钩子函数 ...’);}, // 以上输出顺序为:// 子组件触发 mounted 钩子函数 ...// 父组件监听到 mounted 钩子函数 ...
当然 @hook 方法不仅仅是可以监听 mounted,其它的生命周期事件,例如:created,updated 等都可以监听。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持好吧啦网。
标签:
Vue
相关文章:
1. vue+element+oss实现前端分片上传和断点续传2. Python Django 后台管理之后台模型属性详解3. python 网络编程要点总结4. python 网页解析器掌握第三方 lxml 扩展库与 xpath 的使用方法5. SpringBoot创建Docker镜像的方法步骤6. ASP.NET Core 5.0中的Host.CreateDefaultBuilder执行过程解析7. 关于springboot 中使用httpclient或RestTemplate做MultipartFile文件跨服务传输的问题8. asp.net core 中的Jwt(Json Web Token)的使用详解9. Python 利用flask搭建一个共享服务器的步骤10. 详解CSS伪元素的妙用单标签之美
排行榜
