// Child.vue mounted() {this.$emit("mounted");} " >
<tr id="koec0"><div id="koec0"></div></tr>
<acronym id="koec0"><center id="koec0"></center></acronym>
<sup id="koec0"></sup> <acronym id="koec0"><center id="koec0"></center></acronym>
<acronym id="koec0"><center id="koec0"></center></acronym>

Vue 中父組件可以監聽到子組件的生命周期

2020/11/27 18:06:50   閱讀:1663    發布者:1663
一、使用 on 和 emit
// Parent.vue
<Child @mounted="doSomething"/>
// Child.vue
mounted() {
  this.$emit("mounted");
}

二、使用 hook 鉤子函數
//  Parent.vue
<Child @hook:mounted="doSomething" ></Child>

doSomething() {
   console.log('父組件監聽到 mounted 鉤子函數 ...');
},
//  Child.vue
mounted(){
   console.log('子組件觸發 mounted 鉤子函數 ...');
},
// 以上輸出順序為:
// 子組件觸發 mounted 鉤子函數 ...
// 父組件監聽到 mounted 鉤子函數 ...


移動端適配方案具體實現以及對比

沒有了

男男性行为GV视频CHINA