四时宝库

程序员的知识宝库

面试时问到vue时需注意的几点?(vue面试问题大全及答案大全)

1.基础的了解

本人也是从事前端的一个开发工作的,也会有用到vue的一些项目,这里就来说说面试时候的一些问题吧。

提起vue面试环节,你不得不提vue的生态,它的全家桶,像什么vue-router、vuex、vue ssr等。但是看一个前端开发者对vue的研究深度,不能仅仅停留在表面,更要深入它的原理背后,探究它的源码。才能更好的学习它,使用它。

最起码的,先从简单的聊起,请说出vue.cli项目中src目录每个文件夹和文件的用途,这个你是必须也是一定要知道的。

比如说,assets文件夹是放静态资源;components是放组件;

router是定义路由相关的配置;

view视图;

app.vue是一个应用主组件;

main.js是入口文件等等。

不管业务开发能力如何,首先项目目录你得有个清晰的认知。既然提到了vue的全家桶,就免不了要考察下vuex。你得知道vuex是什么?怎么使用?哪种功能场景使用它?如果你不懂这个,面试官对你的印象分会直线下降。

你可以这么向面试官回答,vuex是vue生态系统中的状态管理。在main.js引入store,注入,新建一个目录store,module 等,常用的场景有:单页应用中,组件之间的状态等等一些交互功能,需要存储一些传递的变量、登录信息等等

还有,既然已经是前后端分离了,就会问到前端怎么去调用后端的接口,去拿数据进行渲染的?其实现在有用axios等类似的封装,可以直接引入到项目里,使用。然后用webpack里会有代理地址的一个配置,进行一个ip地址的一个转发。这样来进行一个开发调试。

这样就可以去请求到后台的数据,拿到数据后,再经过处理,就是你所需要的数据了。常用的请求方式有:.get、.post、 .put、.delete。等等说一说一系列开发中所用的东西。当你回答出这些问题之后,面试官对你的好感也在慢慢上升。

2.深入原理

当然,这些都问过之后,还有一个老掉牙的vue面试题,也是问的最多的问题。比如“请详细说下你对vue生命周期的理解?”,这个问题常见也很实用,面试必问。。

你就这么说,vue生命周期总共分为8个阶段创建前/后,载入前/后,更新前/后,销毁前/后。

创建前/后:在beforeCreated阶段,vue实例的挂载元el还没有。
载入前/后:在beforeMount阶段,vue实例的$el和data都初始化了,但还是挂载之前为虚拟的dom节点,data.message还未替换。在mounted阶段,vue实例挂载完成,data.message成功渲染。
更新前/后:当data变化时,会触发beforeUpdate和updated方法。
销毁前/后:在执行destroy方法后,对data的改变不会再触发周期函数,说明此时vue实例已经解除了事件监听以及和dom的绑定,但是dom结构依然存在。

3.vue的优点和缺点

vue的优点

1、简单易用

2、灵活渐进式

3、轻量高效

4、MVVM

5、组件化组件化,提高开发效率

6、模块式的开发,更加利于团队合作

vue的缺点

1、VUE不支持IE83、生态环境相对来说不如angular和react

2、容易内存泄露

不过本人还是觉得很好用的!!!

4.最后一谈

当你和面试官聊到这个阶段,已经到了最后的一个阶段,这时候面试官可能会再抛出一个问题来探探你的上限,

比如问“聊聊你对Vue.js的template编译的理解”。等等,看你对vue的一些看法什么的,看你是否很熟悉vue这个框架,项目的熟悉程度等等

想要对vue原理有更深入的理解,必须得看一看源码,看它里面的实现方式。不过你首先得有一定的技术功底,此路方才可行得通。

加油吧,骚年!!!

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接