Vue3
Vue初步学习
Vue组件学习及Prop传递数据
Vue自定义事件组件交互
组件的生命周期
Vue引入第三方
Axios网络请求
Vue路由配置
Vue状态管理（Vuex）
Vue新特性-组合式API
Vue3加载Element-plus
Vue3管理项目
Vue3项目部署到服务器过程
nodejs安装
本文档使用 MrDoc 发布
-
+
up
down
首页
组件的生命周期
## 组件的8个生命周期 每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到 DOM，以及在数据改变时更新 DOM。在此过程中，它也会运行被称为**生命周期钩子**的函数，让开发者有机会在特定阶段运行自己的代码。  8个生命周期函数分类： - 创建时：beforeCreate、created - 渲染时：beforeMount、mounted - 更新时：beforeUpdate、updated - 卸载时：beforeUnmount、unmounted ## 注册周期钩子 举例来说，mounted 钩子可以用来在组件完成初始渲染并创建 DOM 节点后运行代码： ```js export default { mounted() { console.log(`the component is now mounted.`) } } ``` 还有其他一些钩子，会在实例生命周期的不同阶段被调用，**最常用的是 mounted、updated 和 unmounted。** 所有生命周期钩子函数的 this 上下文都会自动指向当前调用它的组件实例。注意：避免用箭头函数来定义生命周期钩子，因为如果这样的话你将无法在函数中通过 this 获取组件实例。
laihui126
2022年9月14日 15:20
分享文档
收藏文档
上一篇
下一篇
微信扫一扫
复制链接
手机扫一扫进行分享
复制链接
关于 MrDoc
觅道文档MrDoc
是
州的先生
开发并开源的在线文档系统，其适合作为个人和小型团队的云笔记、文档和知识库管理工具。
如果觅道文档给你或你的团队带来了帮助，欢迎对作者进行一些打赏捐助，这将有力支持作者持续投入精力更新和维护觅道文档，感谢你的捐助！
>>>捐助鸣谢列表
微信
支付宝
QQ
PayPal
下载Markdown文件
分享
链接
类型
密码
更新密码
