vue那个生命周期函数操作dom_Vue从零开始(4)

生命周期、钩子函数

每个 Vue 实例在被创建时都要经过一系列的初始化过程，

如需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等

在这个过程中，有一部分函数可以提供给用户添加代码处理的，称为生命周期钩子。

beforeCreate :初始化工作，可以加入 loading 事件

created:结束 loading 事件；访问到vm身上所有的属性和方法

beforeMount:可以发送数据请求，对数据进行最后修改;访问不到真实的DOM结构

mounted:获取 el 中 DOM 元素，进行 DOM 操作；

beforeUpdate:挂载完成之前访问现有 DOM ，也可以进一步修改数据

updated:可执行依赖于 DOM 的操作，会频发触发

beforeDestroy：可以继续访问到DOM结构以及data中的数据

destroyed :Vue实例指示的所有东西都会解绑，所有的事件监听器会被移除，所有的子实例也会被销毁。

生命周期函数