首页 > 其他 > 详细

vue中监听组件的生命周期

时间:2020-05-06 17:00:41      阅读:92      评论:0      收藏:0      [点我收藏+]

Vue.js——监听组件的生命周期

有父组件Parent和子组件Child,如果父组件监听到子组件挂载mounted就做一些逻辑处理,常规的写法可能如下:

子组件

export default {
    mounted() {
        this.$emit(‘listenMounted‘)
    }
}

父组件

<template>
    <div>
        <List @listenMounted="listenMounted" />
    </div>
</template>

其实还有一种简洁的方法,使用 @hook 即可监听组件生命周期,组件内无需做任何改变。同样的, created 、 updated 等也可以使用此方法。.

<template>
    <List @hook:mounted="listenMounted" />
</template>

vue中监听组件的生命周期

原文:https://www.cnblogs.com/wangqingjiu/p/12836502.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!