您當前位置: 南順網絡>> 官方資訊>> 建站知識

Vue 的小奇技:監聽第三方組件的生命周期鉤子

你可能知道有一些方法可以在你自己的組件上,實現以上的需求。舉個例子,通過在子組件的生命周期的鉤子函數中,觸發事件,就像這樣:

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

然后你就可以在父組件上這樣做:<Child @mounted="doSomething"/>。

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

取而代之的方法是,通過使用@hook: 前綴監聽生命周期中的鉤子,并指定回調函數。

舉個例子,如果你想要在第三方組件 v-runtime-template渲染時做一些事情,那么你可以監聽它的生命周期中的 updated 鉤子:

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





編輯:--史志成

二肖中特马资料 贵州11选5开奖结果下载版 彩票3d试机号码查询 浙江20选5最新开奖结果查询 吉林11选5实时走势图 排列3中遗漏选住 bbin网页集bbin网页集团 派电子宁夏11选5 新浪体育彩票频道 快3网跨度怎样查看 秒速赛车玩法四码_Welcome 四川快乐12任五最遗漏 高赔彩票平台9.999 极速11选5微信计划群 - 点击进入 广东11选5基本开奖结果 高手一尾中特平 苹果手机进不去pt电子|Welcome