首页 > 编程知识 正文

介绍vue生命周期流程,vue的created

时间:2023-05-06 13:16:12 阅读:147676 作者:2289

一. vue生命周期图From the network

二.除了activated deactivated之外,在keep-alive中包括的组件/路由中,两个生命周期的挂钩: activated和http://www.com/从2.2.0版开始,树中的所有嵌套组件都将触发activated和deactivated。

第一次呈现组件时调用activated,然后在每次缓存组件处于活动状态时调用。deactivated

activated调用定时:第一次进入缓存根/组件,在mounted后面beforeRouteEnter防护传递给next的回调函数之前调用: beforeMount=你的另一个规则=mounted=activated进入缓存组件由于缓存了执行beforeRouteEnter回调的组件,因此在再次进入缓存根/组件时会发生这些挂接//beforecreatecreatedbeforemountmounted都不会发生。activated

deactivated调用定时:如果组件被禁用(远离根),并且在调用中使用keep-alive,则beforeDestroy组件将被销毁前挂钩”和destroyed组件由于组件未销毁,因此将进行缓存。 这个挂钩可以被认为是beforeDestroy的替代。 如果要缓存组件并在组件销毁时执行某项操作,可以将其放入此挂接中。 如果你离开了路由,将依次触发:

远离组件中当前路由挂接beforeRouteLeave=路由前保护beforeEach=全局回退afterEach=deactivated缓存组件=

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。