• 400-088-1128
  • 南顺网络  [切换]
    南昌
  • 官方微信

  • 小程序

  • APP

您当前位置: 南顺网络>> 官方资讯>> 建站知识

Vue 的小奇技:监听第三方组件的生命周期钩子

你可能知道有一些方法可以在你自己的组件上,实现以上的需求。举个例子,通过在子组件的生命周期的钩子函数中,触发事件,就像这样:

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

然后你就可以在父组件上这样做:<Child @mounted="doSomething"/>

我告诉你,没有必要这样实现;更何况实际上,你在面对第三方组件时,也办法这样实现。

取而代之的方法是,通过使用@hook: 前缀监听生命周期中的钩子,并指定回调函数。

举个例子,如果你想要在第三方组件 v-runtime-template渲染时做一些事情,那么你可以监听它的生命周期中的 updated 钩子:

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





编辑:--史志成

宏图棋牌官网 河北快3 159彩票 顺金彩票充值 198彩票官网 江苏快3 188彩票官网 188彩票官网 河北快3走势图 江苏快3