美文网首页
关于vue的生命周期函数

关于vue的生命周期函数

作者: 牛会骑自行车 | 来源:发表于2021-07-08 19:59 被阅读0次

    beforeCreate ---- 除了一些生命周期函数和默认事件,别的啥都没有。
    created ---- 实例创建完成即调用;data和methods初始化完成,可以操作和调用
    beforeMount ---- 模板编译已经完成,但还没挂载到页面中
    mounted ---- vue实例初始化完成,组件进入到运行阶段;el已被vm.$el替换,并被挂载到实例上
    beforeUpdate ---- data已经更新,但页面中的数据还是旧的
    updated ---- 数据和页面都更新完毕
    beforeDestroy ---- 组件销毁以前(清空定时器)
    destroyed ---- 组件销毁完成

    第一次页面加载后,会触发前四个函数。

    created和mounted的区别:
    created在模板渲染成html前调用,即初始化某些属性的值,再渲染成视图;只有数据,没有页面。
    mounted在渲染成html后调用,页面初始化完成后,对html和dom节点进行操作。

    如果硬!硬要!硬要在created中操作dom的话,可以使用$nextTick。
    我基础不好,所以太专业的话不会说。不过大概就是一个延迟执行的函数~里面的代码块会在页面渲染完以后才执行。

    除了上面那八个常规生命周期函数,还有两个不走寻常路的哈哈哈哈哈
    是被<keep-alive />组件包裹住的内容,它们以上那八个生命周期函数,但它们会多两个新的生命周期函数。一个是activated(代表激活),一个是deactivated(代表停止)。

    相关文章

      网友评论

          本文标题:关于vue的生命周期函数

          本文链接:https://www.haomeiwen.com/subject/vszjlltx.html