vue常用生命周期

vue生命周期说的通俗一点就是页面从从出生—到销毁的整个过程，我们可以在不同的钩子函数中做相对应的操作——————常用的有8个

beforeCreate ----(创建前)

此阶段的data、methods、props还未被创建，无法使用，如果使用则报错，

执行顺序：父组件-子组件

created ---(创建后)

当执行完beforeCreate函数后，紧接着就会执行下一个环节：初始化props、data、methods，但此时页面的模板还未创建好当初始化props、data、methods完毕后，就会立即执行ceated(){}函数，此钩子函数比较重要可以获取axios

beforeMount（挂载前）
挂载开始之前被调用，相关的render函数首次被调用（虚拟DOM），实例已完成以下的配置： 编译模板，把data里面的数据和模板生成html，完成了el和data 初始化，注意此时还没有挂在html到页面上。

mounted（挂载后）
挂在完成，也就是模板中的HTML渲染到HTML页面中，此时一般可以做一些ajax操作，mounted只会执行一次。

执行顺序：子组件-父组件

beforeUpdate（更新前）
在数据更新之前被调用，发生在虚拟DOM重新渲染和打补丁之前，可以在该钩子中进一步地更改状态，不会触发附加地重渲染过程

updated（更新后）
在由于数据更改导致地虚拟DOM重新渲染和打补丁只会调用，调用时，组件DOM已经更新，所以可以执行依赖于DOM的操作，然后在大多是情况下，应该避免在此期间更改状态，因为这可能会导致更新无限循环，该钩子在服务器端渲染期间不被调用

beforeDestroy（销毁前）
在实例销毁之前调用，实例仍然完全可用，这一步还可以用this来获取实例，
一般在这一步做一些重置的操作，比如清除掉组件中的定时器 和 监听的dom事件

destroyed（销毁后）
在实例销毁之后调用，调用后，所以的事件监听器会被移出，所有的子实例也会被销毁，该钩子在服务器端渲染期间不被调用

其页面和组件的执行顺序为：

页面---beforeCreate

页面---created

页面---beforeMount

组件---beforeCreate

组件---created

组件---beforeMount

组件---mounted

页面---mounted