1、使用on和emit

子组件emit触发一个事件,父组件on监听相应事件。

// Parent.vue
<Child @mounted="doSomething"/>
    
// Child.vue
mounted() {
  this.$emit("mounted");
}

2、hook钩子函数

使用vue hook生命周期钩子函数。

//  Parent.vue
<Child @hook:mounted="doSomething" ></Child>

doSomething() {
   console.log('父组件监听到 mounted 钩子函数 ...');
},
    
//  Child.vue
mounted(){
   console.log('子组件触发 mounted 钩子函数 ...');
},    
    
// 以上输出顺序为:
// 子组件触发 mounted 钩子函数 ...
// 父组件监听到 mounted 钩子函数 ...

3.如果子组件不是异步加载,则父组件挂载总比子组件晚

Logo

前往低代码交流专区

更多推荐