vue生命周期、axios、vue动画---day03_vue urlsearchparams

作者：菜鸟追梦旅行 | 2024-05-03 12:40:10

踩

vue urlsearchparams

今日总结

从vue示例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件统称为生命周期

每个 vue 实例在被创建时都要经过一系列的初始化过程

生命周期函数 = 生命周期事件 = 生命周期钩子

详解

一共8个生命周期函数：

beforeCreate：表示，刚初始化了一个 Vue 空的实例化对象，这个时候，这个对象身上，只有默认的一些生命周期函数和默认的事件，其他东西都未创建。注意：在beforeCreate生命周期函数执行的时候，data和methods中的数据都还没有初始化。一般用于页面重定向

created：在 created 中，data和methods都已经被初始化好了。如果要调用methods中的方法，或者操作data中的数据，最早，只能在created中操作 一般用于接口请求 + 数据初始化

beforeMount：此函数在执行的时候，模板已经在内存中编译好了（虚拟DOM）。但是尚未挂载到页面中去，此时，页面还是旧的

mounted：这一步，将内存中编译好的模板，真实的替换到浏览器的页面中去。如果要通过某些插件操作页面上的DOM节点了。最早要在mounted中进行。只要执行完了mounted，就表示整个Vue实例已经初始化完毕了；此时，组件已经脱离了拆昂见阶段，进入到了运行阶段

beforeUpDate：当执行beforeUpdate的时候，页面中显示的数据还是旧的，此时，data数据是最新的，页面上为和最新的数据保持同步

updated：该事件执行的时候，页面和data数据已经保持同步了，都是最新的

beforeUpDate 和 updated 是组件运行阶段的生命周期函数，只有这两个，这两个事件会根据data数据的改变，有选择性地触发0次到多次（页面初始化的时候不会触发）

beforeDestroy：当执行beforeDestroy钩子函数的时候，Vue实例就已经从运行阶段进入到了销毁阶段，当执行beforeDestroy的时候，实例身上所有的data和所有的methods，以及过滤器、指令…… 都处于可用状态。此时。还没有真正执行销毁的过程

destroyed：当执行到该函数时，组件已经被完全销毁了，此时，组件中所有的数据、方法、指令、过滤器……都已经不可用了

由官方文档给出的生命周期图示，可以看出：

// 当 Vue 对象中没有写

本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】