Vue-面试题之生命周期函数

1.什么是生命周期函数?

　　vue组件对象在创建到销毁的过程中,在某一种条件成立的时刻 系统会去调用的vue中设定的函数 这些函数都叫做:生命周期函数

2.vue的命周期函数有哪些?

　　普遍的答法:

　　　　有8个创建前后,挂载前后,更新前后,销毁前后

　　　　(beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed）

　　高级的答法:

　　　　组件的有8个(创建前后,挂载前后,更新前后,销毁前后)

　　　　自定义指令也有5个

　　　　动态组件有2个 -后面讲

　　　　路由(组件有3个,全局有2个,独享有1个)

3.为什么设计生命周期函数?

　　为了更好的设计程序,让代码更有逻辑 和 可维护性

4.页面首次加载过程中，会依次触发哪些钩子函数？

　　beforeCreate，created，beforeMount，mounted

5.this.$el 是什么?它在哪些钩子中才能访问?

　　它代表了当前组件的真实DOM,要在mounted之后才有

6.Vue 实例的 data 属性，在哪些钩子函数中能访问？

　　created beforeMount mounted  beforeUpdate  updated  beforeDestroy

7.为什么不要在更新钩子中做页面的数据请求?

　　会导致死循环  react有一个shoudComponentUpdate可以自己控制 但是vue没有

8.你用beforeCreate做过什么业务?

　　这个钩子函数可以做网络请求 但是vm没有构建完毕,此时数据方法等等的劫持还没有完成,不能操作this,因此可以做预加载

9.VM和DOM之间的关系?

　　1.VM是JS模拟出来的跟DOM结构很像的一种对象结构VNode.  它通过底层的render函数渲染到页面上,让页面DOM跟虚拟VNode关联映射

　　2 如果VM的数据源发生变化,会让内存中生成新的VNode  新的VNode会和旧的VNode作比较然后更新,这个过程就是DIFF算法