首页 > 数码专栏 > 正文

vue页面首次加载生命周期

数码专栏时间：2024-07-03 21:01:05

vue每次页面加载会触发的生命周期

Vue 每次页面加载会触发的生命周期包括以下几个阶段：

1. beforeCreate：在实例初始化之后，数据监听和事件配置之前触发。此时无法访问 data、methods 等属性。

2. created：在实例创建完成后触发，此时可以访问 data、methods 等属性。但这个时候组件还没有被挂载到页面中，所以无法访问 el 属性。

3. beforeMount：在组件被挂载到页面之前触发。在此之前，会找到对应的 template，并编译成 render 函数。

4. mounted：在组件挂载到页面之后触发。此时可以通过 DOM API 获取到页面中的 DOM 元素。

需要注意的是，在浏览器中有 8 个钩子，但在 Node 中做服务端渲染的时候只有 beforeCreate 和 created。

郑重声明：图文由自媒体作者发布，我们尊重原作版权，但因数量庞大无法逐一核实，图片与文字所有方如有疑问可与我们联系，核实后我们将予以删除。