vue的生命周期函数

生命周期函数：在某个时刻会自动执行的函数

① beforeCreated()：在vue组件(实例)初始化之后，vue实例创建完成之前执行。此时vue实例的挂载元素$el和数据对象data都为undefined，还未初始化。

② created()：在vue组件(实例)创建完毕后立即调用。此时挂载阶段还没有开始，$el属性目前还不能用。this.data已经可以访问，监听器、事件、方法也配置好了，此时，可以发送网络请求，接收数据赋值到data中了。

③ beforeMounted()：在挂载开始之前调用。render函数首次被调用，此时DOM还无法操作，相较于created钩子，在这一阶段只是多了一个$el属性，但其值仍然是undefined

④ mounted()：在实例被挂载后调用。此时元素已经渲染完成了，如果有依赖于DOM的代码可以放在这里。注意：mounted并不保证所有的子组件已挂载，如果希望等到整个视图渲染完毕，可以在mounted钩子中使用vm.$nextTick(回调函数)。

⑤ beforeUpdated()：在修补DOM之前，当数据更改时调用。

⑥ updated()：当数据更改导致的虚拟DOM被重新渲染和修补后调用该钩子。注意：updated并不保证所有的子组件已被重新渲染，如果希望等到整个视图渲染完毕，可以在updated钩子中使用vm.$nextTick

⑦ activated()：当keep-alive组件激活时调用

⑧ deactivated()：当keep-alive组件停用时调用

⑨ beforeDestory()：在vue实例被销毁前调用，此时实例仍然可以使用

⑩ destoryed()：在vue实例被销毁后调用。