分别说说vue、react、uniapp的生命周期,并且说说在各阶段能干嘛
时间: 2024-05-23 12:12:08 浏览: 88
1. Vue 生命周期:
- beforeCreate:实例刚创建,数据监听和事件系统都未初始化。
- created:实例已创建完成,数据已经可以使用,可以进行数据操作。
- beforeMount:挂载前,模板编译完成,但未将其挂载到页面中。
- mounted:挂载后,实例已经挂载到页面上,可以进行 DOM 操作。
- beforeUpdate:更新前,数据已经更新,但未重新渲染。
- updated:更新后,数据已经更新,DOM 已经重新渲染。
- beforeDestroy:销毁前,实例还可以使用。
- destroyed:实例已被销毁,所有的事件监听和数据绑定都已被解除。
2. React 生命周期:
- constructor:组件实例化,初始化 state 和 props。
- getDerivedStateFromProps:props 发生变化,更新 state。
- shouldComponentUpdate:组件是否需要更新。
- render:渲染组件。
- componentDidMount:组件已经挂载到页面上,可以进行 DOM 操作。
- getSnapshotBeforeUpdate:在更新前获取 DOM 信息,例如滚动条位置。
- componentDidUpdate:组件已经更新完毕,可以进行 DOM 操作。
- componentWillUnmount:组件即将被卸载,可以进行一些清理工作。
3. UniApp 生命周期:
- onLaunch:应用初始化。
- onShow:应用显示。
- onHide:应用隐藏。
- onError:应用错误。
- onPageNotFound:页面不存在。
- onUniNViewMessage:Nvue 页面消息。
在各阶段,可以进行的操作:
- beforeCreate/beforeMount/beforeUpdate:数据的初始化、事件的监听等。
- created/mounted/updated:DOM 的操作、数据的交互等。
- beforeDestroy:解除事件监听等清理工作。
阅读全文