文章目录前言目标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