每个Vue实例在被创建是都要经过一系列的初始化过程
lifecycle.png
| beforeCreate | 组件实例刚被创建，el和data未初始化 |
| created | 组件实例创建完成，属性绑定，但DOM还未生成，el属性还不存在 |
| beforeMount | 完成了el和data的初始化，模板编译但还未挂载到页面 |
| mounted | 模板编译已经挂载到页面 |
| beforeUpdate | 组件更新之前（view层的数据变化） |
| updated | 组件更新之后 |
| beforeDestory | 组件销毁前调用（不能操作对应数据，但院线生成的DOM还存在） |
| destoryed | 组件销毁后调用 |
beforecreate : 举个栗子：可以在这加个loading事件
created ：在这结束loading，还做一些初始化，实现函数自执行
mounted ： 在这发起后端请求，拿回数据，配合路由钩子做一些事情
beforeDestory： 你确认删除XX吗？ destoryed ：当前组件已被删除，清空相关内容
1、Vue的指令都有哪些？ 2、Vue的生命周期函数 3、除了生命周期函数还有哪些钩子函数 4、Vue组件是怎么进...
学习vue的生命周期 什么是生命周期函数？ vue的生命周期函数（又称为钩子函数）是一个vue实例从开始创建，到初...
生命周期函数 生命周期函数就是 Vue 实例在某一个时间点会自动执行的函数 简单来说就是，钩子（生命周期函数）就好...
Vue 的生命周期 生命周期执行的函数叫法有三种: 生命周期钩子 生命周期函数 钩子函数 生命周期钩子概念: 在v...
生命周期： 1、又名：生命周期回调函数、生命周期函数、生命周期钩子。 2、是什么：Vue在关键...
Vue生命周期详解 一、Vue生命周期 与 作用 （生命周期钩子就是生命周期函数） （1）Vue生命周期：每个Vu...
一、vue3 生命周期函数 二、vue2生命周期 在实际开发项目中这些钩子函数如何使用呢？ 还有个比较特殊的钩子函...
生命周期函数（钩子）（事件） 生命周期图示 var vm= new Vue表示开始创建一个vue实例 init E...
什么是钩子函数 钩子函数其实就是生命周期函数，从一个vue实例被创建到最后的销毁，经历的几个阶段对应的函数。 be...
1.Vue生命周期概述 生命周期是指vue组件从生到死特定阶段调用的方法. 生命周期钩子 = 生命周期函数 = 生...
本文标题：Vue生命周期函数（钩子函数）
本文链接：https://www.haomeiwen.com/subject/nihwjctx.html
网友评论