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操作数据，因为即便操作数据，也不会再触发更新流程了
网友评论