大家学习Vue生命周期的常见图
稍微总结一下Vue的生命周期进行说明
Vue生命周期作用生命周期函数在创建生命周期描述beforeCreate数据之前触发。 此时，数据未在内存中装载到Vue实例中，并且无法访问data中的数据。 创建的数据已完成，数据已装载到Vue实例中。 这是第一个可以访问data中数据的挂接函数。 在beforeMountDOM装载之前调用。 此时，DOM节点的数据位于内存中，而不是渲染到实际的DOM树结构中。 mountedDOM装载完成后调用。 此时，DOM节点已经渲染完毕，他是第一个执行DOM操作的挂接函数。 在更新beforeUpdate数据之前的阶段，数据会发生更改，不会影响实际的DOM树结构，但会更新虚拟DOM树结构的内容。 此时，也可以获取旧的DOM节点。 更新数据更新完成，更新结果渲染为实际的DOM结构，html结构发生了更改。 在销毁beforeDestroy实例之前调用。 在这种情况下，还可以使用destroyedVue实例销毁该实例。 此时，数据不可用