vue生命周期钩子函数面试必问组件初始化、运行中、销毁......

最新推荐文章于 2024-06-26 08:24:50 发布

孙德海

最新推荐文章于 2024-06-26 08:24:50 发布

阅读量1.9k

点赞数 1

分类专栏： vue 文章标签： vue vue.js

本文链接：https://blog.csdn.net/sdh19981202/article/details/109060578

版权

本文探讨Vue组件从创建到销毁的生命周期，重点讲解在不同生命周期阶段可以使用的钩子函数，这些函数在特定时刻执行，适合作为面试中的讨论话题。

摘要由CSDN通过智能技术生成

生命周期钩子函数

组件从创建到销毁的一系列过程叫做组件的声明周期。

vue在整个生命周期里面提供了一些函数，可以在内部实现一些业务逻辑，
并且这些函数会在一些特定的场合下去执行。（在生命周期的某一个时刻进行触发）

        组件的生命周期大体可以分为三个阶段： 初始化、运行中、销毁
        初始化阶段：beforeCreate created beforeMount （render） mounted
        运行中阶段：beforeUpdate updated
        销毁阶段：  beforeDestroy destroyed

//初始化阶段
    //1.一个组件或者实例的生命周期都是从new开始的
    //2.实例化之后，内部会做一些初始化的事件与生命周期相关的配置
    //3.beforeCreate这个钩子函数初始化的时候就会执行
    //但是数据是获取不到的，并且真实dom元素也是没有渲染出来的
    //4.created钩子函数内部可以访问到数据了，但是页面当中真实dom节点还是没有渲染出来
    //在这个钩子函数里面，可以进行相关初始化事件的绑定、发送ajax操作
    //当组件还没有挂载完毕之前，更改数据的话，是不会触发运行时钩子函数的执行！
    //5.接下来的过程，就是组件或者实例去查找各自的模板结构，然后将其编译成虚拟dom
    //6.beforeMount代表dom马上就要被渲染出来了，但是却还没有真正的渲染出来
    //这个钩子函数与created钩子函数用法基本一致，可以进行相关初始化事件的绑定、