【面试必问题】Vue 2.0——生命周期和钩子函数的理解、以及生命周期的实际应用场景

1、前言

Vue 框架,作为一个主流的框架,不管是大公司还是小公司都用应用这个框架,所以作为前端开发肯定不可避免就用到了,所以我们不仅要学会用,更要学会理解这个框架,这样不管是对我们利用这个框架工作,或者是我们找工作面试的时候,才能更加自信,更加游刃有余。

2、Vue 2.0 的生命周期

下面这张图就可以完美的解释了Vue 2.0 的生命周期了

Vue å®ä¾çå½å¨æ

  Vue 1.0 和 Vue 2.0 生命周期钩子的比较图表

3、面试的时候,我们要去学会总结Vue 2.0生命周期的用法

作为实用主义者,对于理论,我只要理解就好了,最重要的是要我们要怎样才能准确的在项目中使用生命周期。

beforecreate:可以在这加个loading事件 

created:在这结束loading,然后做一些数据的初始化,实现函数自执行(这个在Vue的生命周期只会执行一次)

mounted:在这发起后端请求,拿回数据,配合路由钩子做一些事情 (会经常进行数据处理和更新)

beforUpdate、updated:因为在 mounted 的时候就会经常进行数据的更新,所以就没必要在这个生命周期进行数据处理了

beforeDestroy 你确认删除XX吗、 点击下一步的时候、或者需要是存浏览器储存的时候、清除定时器等等

destroyed :当前组件已被删除,清空相关内容。下一步,跳转路由。等等

(因为vue是一个单页面,如果定时器在vue生命周期销毁之前不清除的话,那就会导致定时器一直在运行,影响性能)

猜你喜欢

转载自blog.csdn.net/lgysjfs/article/details/86598330
今日推荐