vue学习1 -- 生命周期

生命周期
1 是什么：Vue在关键时刻帮我们调研员的一些特殊名称的函数
2 生命周期的函数名字是不可更改
3 生命周期函数的this指向是vm或组件的实例对象

1. created 钩子函数

created 钩子函数在实例被创建之后立即调用，此时组件实例已经完成了数据观测、属性和方法的运算，但是尚未挂载到 DOM 中。
在 created 钩子函数中，可以访问组件实例的数据、方法和属性，但无法访问组件的 DOM 元素。
适合进行一些数据初始化的操作、异步请求数据、监听事件等。

2. mounted 挂载
   Vue完成模版的解析并把初始的真实DOM元素放入页面后(挂载完毕)调用mounted
   页面中呈现的是经过Vue编译的DOM。
   对DOM的操作均有效但尽量避免
   一般在此进行:开启定时器、发送网络请求、订阅消息、绑定自定义事件、进行 DOM 操作、访问 DOM 元素、调用第三方库等初始化操作

3. updated 更新

4. beforeDestroy 销毁
   vm中的所有：data、method、指令等，都处于可用状态，马上要执行销毁过程
   一般再次进行：关闭定时器、取消订阅事件、解除自定义事件等收尾操作