⑴beforeCreate：实例初始化，数据观察和事件机制都未形成，不能获取 DOM；
⑵created：实例创建完成，数据侦听、计算属性、方法、事件 / 侦听器被配置完毕，依然不能获取 DOM；
⑶beforeMounted：Vue 挂载的根节点已经创建，依然不能获取 DOM；
⑷mounted：数据和 DOM 都已被渲染，该钩子不保证所有子组件都被挂载完，如需要等到视图全部渲染执行某些操作，可以使用 $next Tick；
⑸beforeUpdate：在数据发生改变后，DOM 被更新之前调用；
⑹updated：在数据更改导致的虚拟 DOM 重新渲染和更新完毕之后被调用，不会保证所有的子组件也都被重新渲染完毕，可以使用 $next Tick；
⑺activated：被 keep-alive 缓存的组件激活时调用；
⑻deactivated：被 keep-alive 缓存的组件失活时调用；
⑼beforeDestroy：实例销毁之前调用，在这一步，实例仍然完全可用；
⑽destroyed：实例销毁后调用，该钩子被调用后，对应 Vue 实例的所有指令都被解绑，所有的事件监听器被移除，所有的子实例也都被销毁；
⑾：beforeMounted、mounted、beforeUpdate、updated、activated、deactivated、beforeDestroy、destroyed，这些钩子在服务端渲染期间均不会被调用；
