// Child.vue mounted() {this.$emit("mounted");} " >
<p id="xe3w6"></p>
  • <td id="xe3w6"><strike id="xe3w6"></strike></td>
  • <td id="xe3w6"><ruby id="xe3w6"></ruby></td>

  • <td id="xe3w6"></td>

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

    2020/11/27 18:06:50   閱讀:2968    發布者:2968
    一、使用 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 鉤子函數 ...


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

    沒有了

    国产a免费一级视频_一级黄片欧美尤物_久久美女网操bb_国产91 在线视频
    <p id="xe3w6"></p>
  • <td id="xe3w6"><strike id="xe3w6"></strike></td>
  • <td id="xe3w6"><ruby id="xe3w6"></ruby></td>

  • <td id="xe3w6"></td>