首页 > 编程知识 正文

vue钩子函数使用场景(vue2生命周期钩子函数有哪些)

时间:2023-05-06 06:15:45 阅读:77617 作者:3355

了解Vue生命周期和挂接函数

根据Init EventsLifecycle的说法,Vue空实例对象刚刚初始化,此时只有默认生命周期函数和默认事件,没有创建其他对象。 当beforeCreate生命周期函数运行时,data和methods数据尚未初始化。

在created:created中,数据和方法都已初始化。 如果想调用methods的方法,或者想最快处理data中的数据,则只能在created中操作;

BeforeMount :运行此函数时,模板已编译到内存中,但未装载到页面上。 此时,页面还很旧。

mounted—运行mounted后,表示整个Vue实例已初始化。

运行beforeupdate:beforeupdate时,页面上显示的数据仍然旧。 此时,data数据是最新的,页面与最新的数据还不一致。

更新:数据与页面匹配

before destory :运行before destory挂接函数时,Vue实例从运行阶段进入销毁阶段。

运行beforeDestory时,实例中的所有data和所有methods以及过滤器、命令。 它们都处于可用状态,此时没有实际执行销毁的进程。

destroyed :运行到destroyed函数时,组件已被完全销毁。 此时,组件中的所有数据、方法、命令和筛选器。 不能再用了

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。