uniapp钩子函数
时间: 2023-10-01 07:03:03 浏览: 123
钩子函数应用
在Uni-app中,它提供了一系列的生命周期钩子函数,用于控制页面或组件的不同阶段执行相应的操作。以下是一些常用的Uni-app钩子函数:
1. beforeCreate: 在实例初始化之后,数据观测和事件配置之前被调用。在这个阶段,不能访问到data、computed等实例属性。
2. created: 在实例创建完成后被立即调用。在这个阶段,可以访问到data、computed等实例属性。
3. beforeMount: 在挂载开始之前被调用。在这个阶段,可以访问到DOM节点,但还未开始渲染。
4. mounted: 在挂载完成后被调用。在这个阶段,可以访问到DOM节点,并且已经完成了渲染。
5. beforeUpdate: 在数据更新之前被调用,发生在虚拟DOM重新渲染和打补丁之前。在这个阶段,可以对更新之前的状态做一些操作。
6. updated: 在数据更新之后被调用,发生在虚拟DOM重新渲染和打补丁之后。在这个阶段,可以访问到更新后的DOM节点。
7. beforeDestroy: 在实例销毁之前被调用。在这个阶段,实例仍然完全可用。
8. destroyed: 在实例销毁之后被调用。在这个阶段,实例已经被销毁,所有的事件监听器和子实例也被移除。
根据具体的需求,你可以选择适合的钩子函数,并在其回调函数中编写相应的代码逻辑。Uni-app的生命周期钩子函数与Vue的生命周期钩子函数非常类似,如果熟悉Vue的生命周期,可以直接上手使用Uni-app的钩子函数。
: https://uniapp.dcloud.io/frame?id=%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F
: https://www.jianshu.com/p/345db9ea34fa
阅读全文