前端面试之-Vue 你对Vue了解多少？

Vue目前作为前端三大框架之一，在行业内使用的越来越广泛，但你有系统地学习过，并且掌握了其要领么？

 

6月即将到来，跳槽和面试也伴随着夏天悄然而至了，互联网中前端的竞争也愈来愈激烈，那么想要吸引面试官的目光的你？是否应该掌握一些独门技艺？

 

那么，它是新的方式还是新的思路呢？这边就以大家苦恼的几个问题分享一下“新发现”：

 

 

01开始重点倾向问源码

相信最近去面试的人都会有这个体会，去年面试官只问怎么用Vue，今年开始问Vue响应式原理，以及Vue各种相关库的源码？

 

结果回答得支支吾吾。毕竟大家忙着天天写业务代码，哪有空去研究源码？而且源码也看不下去啊！

 

 

 

 

但是无论如何，这是个实实在在的趋势，现在大家都会用Vue，企业自然想挑最好的人。怎么挑？源码就是试金石！毕竟会源码的人，水平都不会差。

 

1.vue/react核心的源码,比如下面典型的问题：

Q:

vue3今年发布了，请你说一下他们之间在相应式的实现上有什么区别？

 

A:

vue2采用的是defineProperty去定义get，set，而vue3改用了proxy。也代表着vue放弃了兼容ie。

 

 

 

2.有的面试官会别出心裁的问你一些相关的全家桶，所以和框架相关的vuex/redux、axios、vue-router也要注意补上：

Q:

像vue-router，vuex他们都是作为vue插件，请说一下他们分别都是如何在vue中生效的？

 

A:

通过vue的插件系统，用vue.mixin混入到全局，在每个组件的生命周期的某个阶段注入组件实例。

 

 

 

3.如果你有能力阅读源码，最好多阅读一些，比如koa、loadsh等等。因为这些源码会让面试官刮目相看：

Q:

请你说一下vue的设计架构。

 

A:

vue2采用的是典型的混入式架构，类似于express和jquery，各部分分模块开发，再通过一个mixin去混入到最终暴露到全局的类上。

 

 

 

简述一个框架的同时，说出他的设计来源、类似的框架，这样还害怕拿不下面试官？

02注重你在项目中做出的实践

 

 

你在这个项目里面，都做了些什么事情？这个问题相信大家都经历过，但是几乎没人答得完美。

 

大家来看一个错误示例：

Q:

请说一下你这个项目中做的事情

 

A:

这个项目使用vue，利用vue全家桶，配合后端，调用接口，完成工程。

 

 

 

别笑！你的回答可能就是和这个差不多。这么回答问题在哪？

 

现在是个项目都是这么做的，但企业始终都是想要人才的，而你的回答里没看到任何你的能力亮点！

 

 

那么应该怎么答？首先，记住这个几个名词-ssr、组件库、工程化建设、移动混合方案、性能优化方案，然后我们来看一个正确示例：

Q:

请说一下你这个项目中做的事情

 

A:

这个项目主体是一个vue项目，但是因为是pc端，为了seo，我特意做了ssr。然后这个项目有一套我和同事一起做的专门的组件库。在移动端，我们为了搭配app，也做了移动混合方案。像在首页，因为数据巨大，我们采用了一些优化方案。利用本地缓存数据，对小图标进行了base64转码。