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(代表停止)。
网友评论