Vue常见面试题 - 03

1、什么是生命周期函数？

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

2、vue的生命周期函数有哪些？

            普遍答法：有8个：创建前后，挂载前后，更新前后，销毁前后

            高级答法：组件的有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有一个shoudComponentUpdata可以自己控制，但是没有vue

8、你用beforeCreate做过什么业务？

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

9、VM和DOM之间的关系?

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

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