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

一、前言

Vue 框架，做为一个主流的框架，无论是大公司仍是小公司都用应用这个框架，因此做为前端开发确定不可避免就用到了，因此咱们不只要学会用，更要学会理解这个框架，这样无论是对咱们利用这个框架工做，或者是咱们找工做面试的时候，才能更加自信，更加游刃有余。前端

二、Vue 2.0 的生命周期

下面这张图就能够完美的解释了Vue 2.0 的生命周期了vue

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

三、面试的时候，咱们要去学会总结Vue 2.0生命周期的用法

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

beforecreate：能够在这加个loading事件 后端

created：在这结束loading，而后作一些数据的初始化，实现函数自执行（这个在Vue的生命周期只会执行一次）浏览器

mounted：在这发起后端请求，拿回数据，配合路由钩子作一些事情 （会常常进行数据处理和更新）框架

beforUpdate、updated：由于在 mounted 的时候就会常常进行数据的更新，因此就不必在这个生命周期进行数据处理了函数

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

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

（由于vue是一个单页面，若是定时器在vue生命周期销毁以前不清除的话，那就会致使定时器一直在运行，影响性能）blog