面试-Vue钩子函数

2.x生命周期

1、beforeCreate

官方描述：在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用

理解：页面还未创建，this、data、method、watch这些中的元素或者方法并未出现，不能进行调用

2、created

官方描述：在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，property 和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el property 目前尚不可用

理解：可以进行this、data、method以及watch的配置，可以调用元素进行数据处理，但是页面并未渲染完成（数据并未填入）

3、beforeMounte

官方描述：在挂载开始之前被调用：相关的 render 函数首次被调用

该钩子在服务器端渲染期间不被调用

理解：页面中的虚拟dom创建完成，可以使用createElement创建虚拟的dom元素

4、mounted

官方描述：实例被挂载后调用，这时 el 被新创建的 vm. e