Vue生命周期

语义化。

1.beforeCreate

实例组件刚创建好,元素DOM和数据data都还没有初始化。

2.created

数据data已经初始化完成,方法也已经可以调用,但是DOM还没有渲染。(在这个周期里面如果进行请求是可以改变数据并渲染,由于DOM还没挂载,请求过多或者占用时间过长会导致页面线上空白)。

3.beforeMount

DOM未完成挂载,数据也初始化完成,但是数据的双向绑定还是显示{{}},这是因为Vue采用了Virtual DOM(虚拟Dom)技术。先抢先占住了一个位置。

4.mounted

Dom已准备就绪,准备把数据放入模板待更新数据(ajax请求一般可以在这里发送)

5.beforeUpdate

看名字就知道了,在更新dom之前执行

6.beforeDestroy

Dom实例销毁之前执行

7.destroyed

销毁之后执行

你可能感兴趣的:(Vue生命周期)