首页 > 编程知识 正文

vue路由的钩子函数几种,钩子函数有哪些

时间:2023-05-05 03:39:55 阅读:29805 作者:993

文章目录前言目标1、定义2、vue加载过程3、基本使用参考

前言

人一看到白发,我一看到白发就高兴

目的了解胡克函数和基本应用

另一方面,定义Vue实例在创建时必须通过一系列初始化过程33到354。 例如,需要设定数据监听、模板编译、在DOM上装载实例、数据变化时更新DOM等。 同时,在此过程中还运行了几个称为生命周期挂接的函数,它要求用户使用不同阶段添加自己的代码的机会

二、vue加载流程

三、基本使用共有八个基本钩子函数

1 .基本创建- -创建前

触发的行为: vue实例的装载元素$el和数据对象data已取消定义,尚未初始化。

此阶段可做的事:添加loading事件

2 .创建- -创建后

触发的行为:存在vue实例的数据对象data。 $el还没有

在此阶段,您可以解决loading并请求ajax数据准备mounted渲染

3 .基准装载- -渲染前

触发的行为: vue实例的$el和data已初始化,但它是虚拟dom节点,尚未替换具体的data.filter

在这一阶段可以做的事情包括:

4 .已安装- -渲染后

触发的行为:装载vue实例已完成,data.filter已成功渲染

在这个阶段可以做的事情:与路由挂钩配合使用

5.before更新- -更新前

触发器的动作: data更新时触发

在这一阶段可以做的事情包括:

6 .更新—更新后

触发器的动作: data更新时触发

在这个阶段可以做的事情:数据更新时进行一些处理(这里也可以在watch上观测到)。

7 .基本目录—销毁前

触发的行为:在销毁组件时触发

在此阶段可以做的事情:可以询问用户是否要放弃

8 .已销毁-销毁后

触发的行为:在组件被销毁时触发,vue实例监听事件并将其与dom解除绑定,但dom节点仍然存在

见3https://www.html.cn/QA/vue-js/18935.html

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