Vue —— vue相关面试题分享

1.create和mouted的区别

答：created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。

mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作

通常created使用的次数多，而mounted通常是在一些插件的使用或者组件的使用中进行操作。

2.什么阶段操作dom（/什么时候可以获得到dom）

答：在钩子函数mounted被调用前，Vue已经将编译好的模板挂载到页面上，所以在mounted中可以访问操作DOM

3.在生命周期中什么时候可以获得到数据

答：created :完成了 data 数据的初始化，el没有

4. vue生命周期的作用是什么？

答：它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。

5.vue生命周期总共有几个阶段？

答：它可以总共分为8个阶段：创建前/后, 载入前/后,更新前/后,销毁前/销毁后。

分别是：
    beforeCreate(创建前)
    created(创建后)
    beforeMount(载入前)
    mounted(载入后)
    beforeUpdate(更新前)
    updated（更新后)
    beforeDestroy(销毁前)
    destroyed（销毁后)

6.第一次页面加载会触发哪几个钩子？

答：会触发 下面这几个beforeCreate, created, beforeMount, mounted 。

7.DOM 渲染在 哪个周期中就已经完成？

答：DOM 渲染在 mounted 中就已经完成了.

8.Vue各个阶段（钩子函数）的作用/意义？

答：生命周期中的多个钩子函数给了用户在不同阶段添加代码的机会。

9.created和mounted的区别？

答：created：调用时，此时模板还未渲染，不能操作DOM，主要用来初始化数据；
mounted：调用时，此时模板已经渲染成html，可以操作DOM

10.简述每个周期具体适合哪些场景

答：beforecreate : 可以在这加个loading事件，在加载实例时触发
created : 初始化完成时的事件写在这里，如在这结束loading事件，异步请求也适宜在这里调用
mounted : 挂载元素，获取到DOM节点
updated : 如果对数据统一处理，在这里写上相应函数
beforeDestroy : 可以做一个确认停止事件的确认框
nextTick : 更新数据后立即操作dom

---

总结

每天看几题，日积月累就学会了很多啦，加油加油！