uniapp：组件生命周期

最新推荐文章于 2024-08-16 08:44:39 发布

哈！小白要成长！

最新推荐文章于 2024-08-16 08:44:39 发布

阅读量484

点赞数

分类专栏： uniapp 文章标签： uni-app

本文链接：https://blog.csdn.net/qq_41956139/article/details/118684685

版权

uniapp 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

本文详细介绍了Vue.js中beforeCreate、create、beforeMount及mounted等生命周期钩子的执行时机和应用场景，帮助开发者理解何时进行数据操作和DOM操作。重点讨论了在不同钩子中数据初始化、页面渲染的状态，以及对DOM操作的适宜时机。

摘要由CSDN通过智能技术生成

                    
                    生命周期钩子动作
beforeCreate()实例初始化完成之后调用。此时<script>的data中的数据为undefined，尚未完成初始化，页面也尚未开始渲染
create()实例创建完成之后调用。此时<script>的data中的数据完成初始化，可以拿到数据，表明能够对数据进行操作（数据的初始化）
beforeMount()实例挂载之前调用。页面尚未渲染
mounted()实例挂载之后调用（不能确定子组件全部挂载）。页面完成渲染，表明此时可以对dom进行操作

生命周期钩子	动作
beforeCreate()	实例初始化完成之后调用。此时`<script>`的data中的数据为undefined，`尚未完成初始化，页面也尚未开始渲染`
create()	实例创建完成之后调用。此时`<script>`的data中的数据完成初始化，可以拿到数据，`表明能够对数据进行操作（数据的初始化`）
beforeMount()	实例挂载之前调用。`页面尚未渲染`
mounted()	实例挂载之后调用（不能确定子组件全部挂载）。`页面完成渲染，表明此时可以对dom进行操作`