Vue生命周期和beforeRouteEnter()/beforeRouteLeave()函数

找到Vue.js 的官网，简直都是自己陌生的各种语法函数，（下面总结了一下常用的）

先参考vue官网从简单的看起！先了解下vue的生命周期。

2、也许我们从上图中并不能直观的看出生命周期中的函数的具体使命，先简短的用文字了解下：

beforeCreate():实例在内存中被创建出来，还没有初始化好data和methods属性。

create():实例已经在内存中创建，已经初始化好data和method，此时还没有开始编译模板。

beforeMount():已经完成了模板的编译，还没有挂载到页面中。

mounted()：将编译好的模板挂载到页面指定的容器中显示。

beforeUpdate():状态更新之前执行函数，此时data中的状态值是最新的，但是界面上显示的数据还是旧的，因为还没有开始重新渲染DOM节点。

updated():此时data中的状态值和界面上显示的数据都已经完成了跟新，界面已经被重新渲染好了！

beforeDestroy():实例被销毁之前。

destroyed():实例销毁后调用，Vue实例指示的所有东西都会解绑，所有的事件监听器都会被移除,所有的子实例也都会被销毁。组件已经被完全销毁，此时组建中所有data、methods、以及过滤器，指令等，都已经不可用了。

这些都是官方说明，在实际开发项目中这些钩子函数如何使用呢？

beforecreate : 可以在这函数中初始化加载动画
created ：做一些数据初始化，实现函数自执行
mounted： 调用后台接口进行网络请求，拿回数据，配合路由钩子做一些事情
destoryed ：当前组件已被删除，清空相关内容

3、beforeRouteEnter(to, from, next)：进入路由之前执行的函数,写在组件里可根据路由进行页面判断或传值。

4、beforeRouteLeave(to, from, next)：离开路由之前执行的函数,可用于页面的反向传值，页面跳转。