父组件监听子组件的生命周期
# 监听方式有两种
- 使用on和emit
父组件中给子组件绑定 @mounted、@created等方法，子组件中在对应的生命周期钩子中执行 this.$emit('mounted', val) 通知父组件
// 父组件
<Child @mounted="doSomething"/>
1
2
2
// 子组件
mounted() {
this.$emit("mounted");
}
1
2
3
4
2
3
4
- hook钩子函数
// 父组件
<Child @hook:mounted="doSomething" ></Child>
1
2
2
// 子组件
mounted(){
console.log('子组件触发 mounted 钩子函数 ...');
},
1
2
3
4
2
3
4
# 参考文章链接
vue 父组件监听子组件生命周期 (opens new window)
vue父组件能否监听子组件的生命周期去做处理 (opens new window)