vue周期函数
    Vue.js一个快速发展且非常流行的前端JavaScript架，它的设计思想借鉴了许多其他现有的框架，比如 React Angular。Vue.js构建实际的应用时，将应用的整体拆分成更小的可维护的、功能完备的组件，以此来混合和组装复杂的应用。
    即使在构建 Vue件时，也必须把握好每个生命周期的关键时刻，才能使用它们的特性和功能最大化，这就是Vue期函数。
    Vue期函数包括创建阶段（beforeCreate、created、beforeMount、mounted）、挂载阶段（beforeUpdate、updated、beforeUnmount、unmounted）、销毁阶段（beforeDestroy、destroyed）等，这些函数都是 Vue.js某个特定阶段执行的函数。
    1. beforeCreate期函数
    beforeCreate期函数是组件实例创建之前被调用。它们将在 Vue例创建之前被调用，这意味着在 beforeCreate子中，Vue例的属性和方法都是不可用的，所以不能直接访问它们。另外，这个阶段也意味着，如果你想要访问数据，你也不能在这个阶段做到，因为它们还没有被初始
化。
    beforeCreate用途：
    （1）这个周期函数可以用来设置一些 Vue.js例的配置项，例如 props、data、methods、computed；
    （2）可以使用 beforeCreate子来拦截请求，比如使用 ajax载配置信息；
    （3）可以在 beforeCreate期函数里把一些全局的变量注册成 Vue件的属性，比如 window、location。
    2. created期函数
    created期函数在实例创建之后执行，它们在 beforeCreate期函数之后执行，而在 mounted 之前被调用。这意味着与 beforeCreate期函数相比，它们能够访问 this、props、data Vue例属性了，可以使用它们来做一些相关的初始化工作。
    created期函数的用途：
    （1）可以用来做数据请求，比如从服务器获取默认的 state据，并且能够将返回的数据初始化到 Vue件中；
    （2）可以用来处理一些错误的情况，比如在请求状态码除200之外的任何状态码时，抛出错误；
    （3）另外，可以在 created期函数中定义一些改变数据的函数，以便在模板中使用，作为辅助函数。
    3. beforeMount期函数
    beforeMount期函数是在挂载之前被调用，挂载是指把模板渲染成真实的 Dom构的过程。这个钩子函数的调用时机位于 created子之后，mounted子之前，它们在渲染之前执行，也就是说，这个钩子函数用于执行一些渲染之前的准备工作。
    beforeMount用途：
    （1）可以用来修改属性或者数据，让其与真实的 Dom够匹配；
    （2）可以用来设置请求，比如在 beforeMount加载当前组件所需要的静态资源，比如音频文件，并且与当前页面上的数据进行匹配；
    （3）同时，还可以在 beforeMount注册事件监听函数，比如监听窗口的 resize 事件，在这个钩子函数里注册的事件监听函数会在 mounted子函数里被自动触发。
    4. mounted期函数
    mounted期函数是在组件挂载完成之后被调用，它意味着组件已经渲染完成，可以被用户操作了。
    mounted用途：
    （1）mounted子函数可以用来执行一些初始化操作，比如设置计时器，或者添加事件监听函数，或者执行一些启动动画；
    （2）在 mounted也可以用来做一些获取真实 Dom点的操作，比如获取到某些元素的宽、高等，以便后续做一些动画等操作；
    （3）另外，由于此时组件已经渲染完成，所以可以在 mounted子函数里执行一些数据的初始化，比如说初始化表格数据，以及需要根据某个条件来隐藏或者显示某些元素等等。
    5. beforeUpdate期函数
    beforeUpdate期函数是组件数据更新之前被调用，当组件中的数据发生改变时，Vue.js 会调用 beforeUpdate期函数，在这个函数中，可以拦截和处理更新前发生的事件，也可以组织它们执行。
    beforeUpdate用途：
    （1）可以用 beforeUpdate子函数做一些渲染之前的准备工作，比如计算某些属性的值，以便提升渲染的效率；
    （2）还可以在 beforeUpdate期函数中做一些渲染前的数据校验，比如检测表单输入数据的合法性；
    （3）同时还可以在 beforeUpdate子函数中处理一些异步请求，比如请求到新的数据，或者在发送一些请求之前为它们补充一些参数等等。
ajax实例里面的函数
    6. updated期函数
    updated期函数是组件数据更新之后被调用，它们在 beforeUpdate 之后被触发，也就是说，组件的数据更新完成后，会调用 updated期函数，在这些函数里可以做一些和数据更新相关的操作。
    updated用途：
    （1）updated期函数可以用来在数据更新之后执行一些操作，比如设置全局变量，给某些 Dom素添加事件监听；
    （2）也可以用来处理和数据更新相关的事件，比如在数据更新后，根据数据条件来更改整个 component状态；
    （3）还可以在 updated子函数里做一些异步操作，比如向服务器请求数据，或者执行一些复杂的逻辑等等。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。