1、前言
Vue 框架,作为一个主流的框架,不管是大公司还是小公司都用应用这个框架,所以作为前端开发肯定不可避免就用到了,所以我们不仅要学会用,更要学会理解这个框架,这样不管是对我们利用这个框架工作,或者是我们找工作面试的时候,才能更加自信,更加游刃有余。
2、Vue 2.0 的生命周期
下面这张图就可以完美的解释了Vue 2.0 的生命周期了
Vue 1.0 和 Vue 2.0 生命周期钩子的比较图表
3、面试的时候,我们要去学会总结Vue 2.0生命周期的用法
作为实用主义者,对于理论,我只要理解就好了,最重要的是要我们要怎样才能准确的在项目中使用生命周期。
beforecreate:可以在这加个loading事件
created:在这结束loading,然后做一些数据的初始化,实现函数自执行(这个在Vue的生命周期只会执行一次)
mounted:
在这发起后端请求,拿回数据,配合路由钩子做一些事情 (会经常进行数据处理和更新)
beforUpdate、updated:因为在 mounted
的时候就会经常进行数据的更新,所以就没必要在这个生命周期进行数据处理了
beforeDestroy
: 你确认删除XX吗、 点击下一步的时候、或者需要是存浏览器储存的时候、清除定时器等等
destroyed :当前组件已被删除,清空相关内容。下一步,跳转路由。等等
(因为vue是一个单页面,如果定时器在vue生命周期销毁之前不清除的话,那就会导致定时器一直在运行,影响性能)