Vue路由的钩子函数
定义：每个Vue实列在被创建时都要进行一系列的初始化，如：设置数据监听，编译模板，将实例挂载到DOM并在数据变化时进行更新DOM，同时在这个过程中也会运行一些生命周期的钩子函数。
beforeCreate
数据和事件调用此时的data和methods以及页面的DOM结构都没有初始化，什么都做不了
created
在实例完成后将会立即调用此时的data和methods已经可以使用，但是页面还没有渲染出来
deforeMount
挂载之前被调用，此时页面上还看不到真实的数据，仅只是模板而已
mounted
el被新创建的vm.$el替换，并挂载到实列上去之后调用，这时数据已经渲染到页面上了，在这个钩子函数中我们可以使用第三方插件等
beforeUpdate
数据更新时调用，发生在虚拟DOM打补丁之前。 页面上数据还是旧的
updated
数据更改导致的虚拟DOM重新渲染和打补丁，在这之后会调用该钩子。 页面上数据已经替换成最新的
beforeDestroy
实例销毁之前调用
destroyed
实例销毁后调用