1、vue 的生命周期【8个，作用：更好的实现逻辑】
【创建前后、加载前后、更新前后、销毁前后】
beforeCreated：在实例初始化之后，当前阶段 data、methods、watch、computed 都不能被访问。 created：实例创建之后，这里没有 el, 如果非要访问 DOM，可以使用 vm.nextTick。 beforeMount：挂载前，render 首次调用。 Mounted：挂载之后，真实的 DOM 挂载完毕，完成数据双向绑定，可以访问 DOM 节点。 beforeUpdate：数据更新时调用，完成虚拟DOM 重新渲染和打补丁（patch），在钩子函数中进一步改变状态，不会重新渲染。 Updated：当前阶段DOM 更新完成。注意在些期间不要更新数据，会出现循环更新，该钩子在服务渲染之前不会被调用。 beforeDistory：实例还是可以用的，可以在这里清除定时器。 Distoryed：vue 实例完全销毁。所有的东西解绑，事件监听移除，左右的子实例也会被销毁，钩子在服务器渲染不被调用。 actived：keep-alive 专属，组件激活被调用。 deactived：keep-alive 专属，组件销毁被调用。 be
