码迷,mamicode.com
首页 > 其他好文 > 详细

第九篇:Vue组件的生命周期钩子

时间:2020-02-18 10:06:42      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:rom   nav   特定   组件   update   ted   生命周期   com   name   

组件的生命周期钩子

一、组件的生命周期:一个组件从创建到销毁的整个过程

二、生命周期钩子:在一个组件生命周期中,会有很多特殊的时间节点,且往往会在特定的时间节点完成一定的逻辑,特殊的事件节点可以绑定钩子

注:钩子 - 提前为某个事件绑定方法,当满足这个事件激活条件时,方法就会被调用 | 满足特点条件被回调的绑定方法就称之为钩子

<template>
    <div class="goods">
        <Nav />
    </div>
</template>
<script>
    import Nav from "../components/Nav";
    export default {
        name: "Goods",
        components: {
            Nav,
        },
        beforeCreate() {
            console.log('该组件要被加载了')
        },
        created() {
            console.log('该组件要被加载成功了')
        },
        updated() {
            console.log('数据更新了')
        },
        destroyed() {
            console.log('该组件销毁了')
        }
    }
</script>

第九篇:Vue组件的生命周期钩子

标签:rom   nav   特定   组件   update   ted   生命周期   com   name   

原文地址:https://www.cnblogs.com/cnhyk/p/12324758.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!