Vue生命周期.jpeg
【beforeCreate】：创建实例之前
---创建示例---
【created】：创建实例完成后(能读到数据data的值，但DOM还没生成，挂载属性el还不存在)
---编译模版(把data对象中的数据和vue标注声明的模版编译成浏览器可读的HTML)---
【beforeMount】：将编译完成的HTML挂载到对应虚拟dom后
---将编译好的HTML替换掉el属性所指向的dom---
【mounted】：编译好的HTML挂载到页面后
---mounted实时监控数据变化，并随之更新dom---
【beforeUpdate】：更新之前的钩子
【updated】：更新之后的钩子
【beforeDestroy】：实例销毁之前
---实例销毁时拆除数据监听、子组件和事件监听---
【destroyed】：实例销毁完成
created和activated的区别：
created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次；
activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据等
参考出处：https://blog.csdn.net/weixin_43570367/article/details/105565891
https://www.jianshu.com/p/6e6289ee46f2
网友评论