vue生命周期钩子函数

钩子函数                                                              触发的行为                                                                                                                在此阶段可以做的事情

beforeCreadted             vue实例的挂载元素$el和数据对象data都为undefined,还未初始化。                                                         加loading事件
created                          vue实例的数据对象data有了,$el还没有                                                                                                      结束loading、请求数据为mounted渲染做准备
beforeMount                  vue实例的$el和data都初始化了,但还是虚拟的dom节点,具体的data.filter还未替换。 
mounted                        vue实例挂载完成,data.filter成功渲染 配合路由钩子使用
beforeUpdate                data更新时触发
updated                         data更新时触发                                                                                                                                              数据更新时,做一些处理(此处也可以用watch进行观测)
beforeDestroy               组件销毁时触发
destroyed                      组件销毁时触发,vue实例解除了事件监听以及和dom的绑定(无响应了),但DOM节点依旧存在             组件销毁时进行提示

posted @ 2021-06-15 18:10  种棵枇杷树  阅读(36)  评论(0)    收藏  举报