一、vue的生命周期是什么
vue每个组件都是独立的，每个组件都有一个属于它的生命周期，从一个组件创建、数据初始化、挂载、更新、销毁，这就是一个组件所谓的生命周期。在组件中具体的方法有:
beforeCreate created
beforeMount mounted
beforeUpdate updated
beforeDestroy destroyed
二、vue中内置的方法 属性和vue生命周期的运行顺序（methods、computed、data、watch、props)
data的初始化是在created时已经完成数据观测(data observer)，并且诸如methods、computed属性 props等已经初始化
data props computed watch methods他们之间的生成顺序是什么呢？
props => methods =>data => computed => watch
三、
1、在beforeCreate之前的生命周期
顾名思义，创建之前的阶段，此时该实例内的所有东西都还没有创建，所以在这个生命周期钩子函数中$el,data都是undefined。
2、在beforeCreate和created钩子函数之间的生命周期。
在这个生命周期之间，进行初始化事件，进行数据的观测，在created的时候数据已经和data属性进行绑定，在这个生命周期钩子函数中，我们可以获取到data的值并对它进行操作。
3、在created和beforeMount间的生命周期
（1）在这一阶段，首先会判断是否有el选项，如果有的话就继续向下编译，如果没有el选项，则停止编译，也就意味着停止了生命周期，直到在该实例上调用vm.$mount(el)[也就是动态引入了el。
（2）除了el，我们还会用到template，template对生命周期的影响如下：
如果如果vue实例对象中有template参数选项，则将其作为模板编译成render函数
如果没有template选项，则将外部html作为模板编译（可参考上面示例的结果）
template中的模板优先级要高于outer html的优先级
所以el的判断要在template之前，因为vue需要通过el找到对应的outer template
（3）在vue对象中，还有一个render函数，它是以createElement作为参数，然后做渲染，而且可以直接嵌入JSX。
4、beforeMount和mounted钩子函数间的生命周期
此时是给vue实例对象添加$el成员，并且替换掉挂载的DOM元。
5、beforeUpdate钩子函数和updated钩子函数间的生命周期
当vue发现data中的数据发生变化，会触发对对应组件的重新渲染，当数据改变后调用beforeupdata，当渲染完成后调用updated钩子函数。
注：通过试验证明，在mounted钩子函数中执行修改data的操作会触发beforeUpdate，而它之前的函数中只要不是可以跳出主线程的数据操作，都不会触发beforeUpdate。例如使用setTimeout会使其中代码跳出主线程到异步线程中，所以它的执行会在mounted之后，所以会触发beforeUpdate。
6、beforeDestroy和destroyed钩子函数间的生命周期。
beforeDestroy钩子函数在实例销毁之前调用。在这一步实例仍然可用。destroyed钩子函数在Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。
注意点儿：
keep-alive标签包裹的组件在它们第一次被创建的时候就被缓存下来。与此相关的有两个生命周期钩子函数：activated 和 deactivated。当组件在<keep-alive>内被切换时，activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。
activated:在组件被激活时调用，在组价第一次渲染时也会被调用，之后每次keep-alive激活时被调用。
deactivated:在组件被停用时调用。
注意：只有组件被 keep-alive 包裹时，这两个生命周期才会被调用，如果作为正常组件使用，是不会被调用的。
vue-router路由，它也有类似于生命周期钩子的函数，允许我们在路由变化的不同阶段进行一些操作，官网叫做导航守卫，本质也是在路由变化的过程中添加钩子函数。
路由组件内可以直接定义路由导航守卫
beforeRouteEnter 守卫不能访问this，但是我们可以传递给next方法一个回调，来访问组件实例。在导航被确认的时候执行回调，并且把组件实例作为回调方法的参数。
注意 beforeRouteEnter 是支持给 next 传递回调的唯一守卫。对于 beforeRouteUpdate 和 beforeRouteLeave 来说，this 已经可用了，所以不支持传递回调，因为没有必要了。
每个守卫方法接收三个参数：
to:即将要进入的目标路由对象
from:当前导航正要离开的路由
next:function:一定要调用该方法来resolve钩子函数，否则程序将不许继续执行下去。
