3.vue生命周期钩子函数有哪些-,vue生命周期钩子函数详解

　　3.vue生命周期钩子函数有哪些?,vue生命周期钩子函数详解

　　本文主要介绍了Vue生命周期中的八个钩子函数，具有一定的参考价值。感兴趣的朋友可以参考一下，希望能帮到你。

1、beforeCreate和created函数

　　创建前按初始化分为：数据监控和数据代理。

　　在执行beforeCreate()之前，生命周期和时间将被初始化，但数据代理尚未启动。

　　(1)beforeCreate():在初始化数据监控和数据代理之前，执行beforeCreate函数的内容。此时，不能通过Vm访问数据中的数据和方法中的方法。

　　(2)created():初始化数据监控和数据代理后，执行beforeCreate函数中的内容。此时，您可以通过vm访问data中的数据和methods中配置的方法。

　　数据挂载之前还有一步，就是Vue解析模板的过程(生成虚拟DOM)，页面还不能显示解析的内容。

　　(3)before mount():Vue完成虚拟DOM的生成后，在将虚拟DOM转换为真实DOM之前执行。此时页面呈现的是一个没有被Vue编译过的DOM结构，对DOM的所有操作最后都不起作用。

　　(4)mounted():将虚拟DOM转换为真实DOM后执行。此时页面呈现的是Vue编译的DOM，对DOM的所有操作都是有效的(尽量避免)。至此，初始化过程结束，一般是启动定时器、发送网络请求、订阅消息、绑定自定义事件等初始化操作。都在这里进行。

　　(5)beforeUpdate():当数据发生变化时，生成一个新的虚拟DOM，然后与旧的虚拟DOM进行比较，最后在页面更新(模型——“视图”)的过程完成之前执行。此时数据是新的，但页面是旧的，即页面还没有与数据同步。

　　(6)updated():当数据发生变化时，生成一个新的虚拟DOM，然后与旧的虚拟DOM进行比较，最后在页面更新(model——“view”)的过程完成后执行。此时数据是新的，页面也是新的，即页面和数据保持同步。

　　(7)beforeDestroy():在删除数据监控、子元素和事件监控之前执行。至此，所有的数据、方法、指令等。在虚拟机中可用，销毁过程即将执行。一般在这个阶段，会执行关闭定时器、退订消息、解除绑定自定义事件等结束操作。此时，一切都可以访问，但当您执行操作时，页面上的内容不会改变。

　　(8)destroyed():删除数据监控、子元素和事件监控后执行。解除数据、方法、指示等的束缚。在页面上。

　　本文到此为止。希望能帮到你，也希望你能多关注我们的更多内容！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。