vue生命周期可以分为八个:
beforeCreate(创建前)
created(创建后)
beforeMount(载入前)
mounted(载入后)
beforeUpdate(更新前)
updated(更新后)
beforeDestroy(销毁前)
destroyed(销毁后)
1,创建前(beforeCreate)
实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性
2,创建后(created)
在这个阶段vue实例已经创建,仍然不能获取DOM元素。
3,载入前(beforeMount)
此时已经完成了模板的编译,但是还没有挂载到页面中
4,载入后(mounted)
mounted是平时我们使用最多的函数了,一般我们的异步请求都写在这里。此时,已经将编译好的模板,挂载到了页面指定的容器中显示。
5,更新前(beforeUpdate)
状态更新之前执行此函数, 此时 data 中的状态值是最新的,但是界面上显示的数据还是旧的,因为此时还没有开始重新渲染DOM节点
6,更新后(updated)
实例更新完毕之后调用此函数, DOM会和更改过的内容同步然后界面重新渲染 。
<