作者简介程序开发者,不局限于语言和技术,目前主要从事PHP和前端开发,使用Laravel和VueJs,使用ApicloudhybridApp端的开发。合身、够用才是最完美的追求。个人网站:http://www.linganmin.cn最近写了一个手机在线播放的H5电影站:https://ifilm.linganmin.cn生命周期一、什么是生命周期Vue实例有一个完整的生命周期周期,即从开始创建、数据初始化、模板编译、Dom挂载、渲染→更新→渲染、卸载等一系列过程,我们称之为Vue的生命周期。通俗地说,就是一个Vue实例从创建到销毁的过程,也就是生命周期。在Vue的整个生命周期中,它提供了一系列的事件,让我们可以在事件触发的时候注册js方法,让我们可以通过自己注册的js方法来掌控全局。这些事件响应方法中的this直接指向的是vue的一个实例。上图中,特别值得注意的是生命周期图注解中创建的钩子函数和挂载的钩子函数的区别。每个钩子函数什么时候触发beforeCreate实例初始化后,数据观察者(dataobserver)和event/watcherevent在configure之前调用。created在创建实例后调用。在这一步中,实例完成了以下配置:数据观察者、属性和方法的操作、watch/event事件回调。但是,挂载阶段尚未开始,$el属性当前不可见。beforeMount在挂载开始之前被调用:关联的渲染函数被第一次调用。这个钩子在mountdel被新创建的vm.$el替换并挂载到实例后被调用。beforeUpdate在数据更新时被调用,在虚拟DOM被重新渲染和修补之前。您可以在此挂钩中进行进一步的状态更改,而无需触发额外的重新渲染。updated该钩子在虚拟DOM由于数据更改而重新渲染和修补后调用。调用此挂钩时,组件DOM已更新,因此您现在可以执行依赖于DOM的操作。然而,在大多数情况下,您应该避免在此期间更改状态,因为这可能会导致更新无限循环。服务器端渲染期间不会调用此挂钩。beforeDestroy在销毁实例之前调用。在这一步,实例仍然完全可用。destroyedVue实例在销毁后被调用。调用后,Vue实例指向的所有东西都将被解除绑定,所有事件监听器将被移除,所有子实例将被销毁。服务器端渲染期间不会调用此挂钩。安晓霞同学
