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


总结

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

猜你喜欢

转载自blog.csdn.net/Bonsoir777/article/details/128089371