Vue生命周期函数

生命周期四个字的理解：就是一个函数从创建到销毁的整个过程，我个人做了个比喻   就好比一个果子  从发芽 到开花  到结果    再到成熟掉落到土地上 

那么生命周期都分为哪几部分又或者都做了什么

创建的过程

beforeCreate（）{}  实例创建之前调用  不能获取data数据

created （）{} 实例创建后调用   能够获取data数据  

挂载的过程

before Mount（）{}  组件挂载之前

Mounted(){}组件挂载之后   dom元素开始获取节点

 更新的过程

beforeUpdate（）{}  刚开始不会调用  当数据发生变化视图更新之前的时候才会触发

Updated（）{}   视图更新之后开始触发

销毁的过程   这两个不常用  当页面里面存在定时器或者整个页面触发监听的时候

beforeDestroy（）{}   页面销毁前

destroyed（）{}  页面销毁之后

activated（）{}  组件激活时调用

deactivated（）{} 组件停止时调用

errorCaptured（）{}  捕获子组件的错误时调用

vue2中获取dom元素  在挂在后才可以开始获取

<div    res=""font>我是一个dom元素</div>

console.log（this.$refs [   " font " ] ）