61655287870_.pic_hd.jpg
生命周期方法:
beforeCreate
函数执行时,data和methods还没有初始化
created
data和methods已经初始化完成
beforeMount
模板已经成功渲染,但是内容还没有挂载到页面中
//Vue完成模板解析并把真实的DOM元素放入页面后(挂载完毕)调用mounted
mounted
模板已经成功渲染,并且已经将模板内容挂载到了页面,这是就表示整个Vue实例对象已经初始化完毕了,进入运行阶段
beforeUpdate
数据已经修改,只是还没有重新挂载页面
updated
页面和data数据已经保持同步
beforeDestroy
整个Vue实例对象已经进入销毁阶段,但里面的data,methods和一些指令还处于可用状态
destroyed
里面所有的data,methods和一些指令已经被销毁,不可用了
常用的生命周期钩子:
1.mounted:发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】
2.beforeDestroy:清除定时器、解绑自定义事件、取消订阅消息等【收尾工作】
关于销毁Vue实例
1.销毁后借助Vue开发者工具看不到任何信息
2.销毁后自定义事件会失效,但原生dom事件依然有效
3.一般不会再beforeDestroy操作数据,因为即便操作数据,也不会再触发更新流程了