南順網絡

Vue 的(de)小奇技：監聽第三方組件的(de)生命周期鈎子(zǐ)

你可(kě)能知道(dào)有一(yī)些方法可(kě)以在你自(zì)己的(de)組件上，實現以上的(de)需求。舉個例子(zǐ)，通過在子(zǐ)組件的(de)生命周期的(de)鈎子(zǐ)函數中，觸發事件，就像這樣：

mounted() {  this.$emit("mounted"); }

然後你就可(kě)以在父組件上這樣做(zuò)：<Child @mounted="doSomething"/>。

我告訴你，沒有必要這樣實現；更何況實際上，你在面對第三方組件時，也辦法這樣實現。

取而代之的(de)方法是，通過使用@hook: 前綴監聽生命周期中的(de)鈎子(zǐ)，并指定回調函數。

舉個例子(zǐ)，如(rú)果你想要在第三方組件 v-runtime-template渲染時做(zuò)一(yī)些事情，那麽你可(kě)以監聽它的(de)生命周期中的(de) updated 鈎子(zǐ)：

<v-runtime-template @hook:updated="doSomething" :template="template" />

編輯:--史志成