分别说说vue、react、uniapp的生命周期,并且说说在各阶段能干嘛
时间: 2024-05-27 15:09:05 浏览: 96
Vue生命周期钩子函数分为八个阶段:beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed。
1. beforeCreate:在实例初始化之后,数据观测和事件配置之前被调用。该阶段无法访问到数据和DOM元素。
2. created:实例创建完成后被立即调用,可以访问到数据,但还未挂载到DOM上。
3. beforeMount:在挂载开始之前被调用,此时DOM节点还未生成。
4. mounted:实例挂载到DOM上后被调用,此时可以访问到DOM节点,进行DOM操作。
5. beforeUpdate:数据更新时调用,但此时DOM尚未更新。
6. updated:数据更新且DOM已经重新渲染后调用。
7. beforeDestroy:实例销毁之前调用,此时实例仍然完全可用。
8. destroyed:实例销毁后调用,此时实例中的所有东西都被解除绑定,监听事件也被移除。
React生命周期钩子函数分为三个阶段:挂载、更新、卸载。
1. 挂载:constructor、getDerivedStateFromProps、render、componentDidMount。
2. 更新:getDerivedStateFromProps、shouldComponentUpdate、render、getSnapshotBeforeUpdate、componentDidUpdate。
3. 卸载:componentWillUnmount。
Uniapp生命周期钩子函数包括:onLoad、onShow、onReady、onHide、onUnload。
1. onLoad:页面加载时触发,只会执行一次。
2. onShow:页面显示时触发,每次打开页面都会触发。
3. onReady:页面初次渲染完成时触发,只会执行一次。
4. onHide:页面隐藏时触发。
5. onUnload:页面卸载时触发。
在各个阶段,可以进行不同的操作,比如在created阶段可以进行数据的初始化,mounted阶段可以进行DOM操作,beforeDestroy阶段可以进行资源的释放等。根据具体需求,选择合适的生命周期钩子函数进行操作。
阅读全文