引出生命周期、生命周期_挂载流程、生命周期_更新流程、生命周期_销毁流程、生命周期_总结——Vue
目录
一、引出生命周期
二、生命周期_挂载流程
三、生命周期_更新流程
四、生命周期_销毁流程
五、生命周期_总结
一、引出生命周期
生命周期：
1.又名：生命周期回调函数、生命周期函数、生命周期钩子。
2.是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数。
3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。
4.生命周期函数中的this 指向是vm 或 组件实例对象。
Vue完成模板的解析并把初始的真实的DOM元素放入页面后（挂载完毕）调用mounted
document
你好啊
欢迎学习Vue
{change()}} -->
二、生命周期_挂载流程
Document
你好啊
欢迎学习 Vue
当前的n值是：{{n}}
三、生命周期_更新流程
在哪个生命周期 钩子中页面与数据尚未不同步： beforeUpdate
Document
你好啊
欢迎学习 Vue
当前的n值是：{{n}}
四、生命周期_销毁流程
Document
你好啊
欢迎学习 Vue
当前的n值是：{{n}}
五、生命周期_总结
上面一共讲了8 个生命周期，也就是4 对生命周期
beforeCreate 与 created 指数据检测与数据代理创建之前和之后
beforeMount 与 Mounted
beforeUpdate 与 updated
beforeDestroy 与 destroy
常用的生命周期钩子：
1.mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】。
2.beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等【收尾工作】。
关于销毁Vue实例
1. 销毁后借助Vue开发者工具看不到任何信息。
2. 销毁后自定义事件会失效，但原生DOM事件依然有效。
3. 一般不会在beforeDestroy 操作数据，因为即便操作数据，也不会再触发更新流程了。
Document
欢迎学习 Vue
上一篇：运动员最佳匹配问题（详解）
下一篇：【专项训练】排序算法