Vue钩子函数

方法里面运用到Vue的8大钩子函数

1- beforeCreate：创建前状态，el 和 data 并未初始化 （此方法不常用）

2- created：创建完毕状态，完成了 data 数据的初始化，el的初始化未完成。用来发送ajax

3- beforeMount：挂载前状态，（执行此方法时已经完成了 el 和 data 初始化 （已经赋予了对应的值）） 渲染DOM之前先确认下是否有要编译的根元素（有无el属性），有才继续确认是否具有模板属性template,如果有模版属性，则会用template的值替换掉HTML中的结构，template模版中只能有一个根元素（而且不能是文本）；

4- mounted：挂载结束状态，（执行此方法时代表已经挂载结束了）

把编译好的数据挂载到DOM元素上，最后渲染成真实的DOM元素；真实DOM已经渲染完成，可以操作DOM了

5- beforeUpdate：更新前状态，当页面依赖的数据更改之后触发（此时DOM结构还没有重新加载）

6- updated：更新完成状态，DOM结构重新加载之后触发

调用vm.$destroy()之后触发下面两个事件：

7- beforeDestroy：销毁前状态，实例销毁之前调用。在这一步，实例仍然完全可用。（可在此处清除定时器，清除事件绑定）

8- destroyed：销毁完成状态，Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。（意义不大）