vue生命周期

生命周期函数 = 生命周期事件 = 生命周期钩子

 

组件创建期间的4个钩子函数：

beforeCreate 执行时，data和methods中的数据都还没有初始化

created中，data和methods中的数据都已经初始化

vue开始编辑模板，执行vue代码中的指令，在内存中生成编译好的最终模板字符串，然后将该字符串在渲染为内存中的DOM。注意：此时只是在内存中渲染好了模板，并没有将模板挂载到真正的页面上。

beforeMount执行时，只是在内存中渲染好了模板，并没有将模板挂载到真正的页面上。

mounted:内存中的模板已被真实地挂载到了页面中。可以开始操作页面中的DOM元素。

 

组件运行期间2个钩子函数：

数据更新一次就执行一次。数据不更新则不执行。

beforeUpdate：数据已更新，页面未更新。

updated：页面和数据同步了，都是最新的。