vue框架面试问题？

vue常见面试题

1、vue是渐进式的框架的理解：(主张最少，没有多做职责之外的事)Vue的核心的功能，是一个视图模板引擎，但这不是说Vue就不能成为一个框架。

2、ViewModel是Vue.js的核心，它是Vue.js的一个实例。Vue.js会针对某个HTML元素进行实例化，这个HTML元素可以是body，也可以是某个CSS选择器所指代的元素。DOMListeners和DataBindings是实现双向绑定的关键。

3、Vue的diff算法是平级比较，不考虑跨级比较的情况。内部采用深度递归的方式+双指针方式比较所以采用watcher+Diff算法来检测差异。

4、文章中给你列举了部分的面试题，这些都是公司面试常遇到的，还有需要的还可以自己去查阅一下资料active-class是哪个组件的属性？嵌套路由怎么定义？vue-router模块的router-link组件。

5、原理：在创建Vue实例时，Vue会遍历data选项的属性，利用Object.defineProperty()为属性添加getter和setter对数据的读取进行劫持(getter用来依赖手机，setter用来派发更新)，并且在内部追踪依赖，在属性被访问和修改时通知变化。

史上最全前端vue面试题!推荐收藏

vue初始化页面闪动问题？webpack、vue-routerv-cloakcss：[v-cloak]：display：none2什么是vue-router？vuerouter是官方路由管理器。

谈谈你对vue.js的template编译的理解。简而言之，就是首先转化成AST(AbstractSyntaxTree，抽象语法树)，即将源代码语法结构抽象成树状表现形式，然后通过render函数进行渲染，并返回VNode(Vue.js的虚拟DOM节点)。

什么是vue的生命周期？Vue实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载DOM-渲染、更新-渲染、卸载等一系列过程，我们称这是Vue的生命周期。

是什么vue自带的一个组件，用来缓存组件，提升性能，keep-alive可以在组件切换时，保存其包裹组件的状态，使其不被销毁。

Vue初始化的时候，挂载之后会进行编译。生成renderFunction。当取值的时候，就会搜集watcher，放到dep里面。当用户更改值的时候，就会通知watcher，去更新视图。这个问题的核心是如何将template转换成render函数。

Vue面试题集锦

全局钩子有beforeEach、beforeResolve(Vue0新增的)、afterEach。单个路由独享钩子有beforeEnter。组件级钩子有beforeRouteEnter、beforeRouteUpdate(Vue2新增的)beforeRouteLeave。它们有以下参数。

vue初始化页面闪动问题？webpack、vue-routerv-cloakcss：[v-cloak]：display：none2什么是vue-router？vuerouter是官方路由管理器。

$route是“路由信息对象”，包括path，params，hash，query，fullPath，matched，name等路由信息参数。而$router是“路由实例”对象包括了路由的跳转方法，钩子函数等。

vue响应式思想，也就是基于数据可变的。

vue常见面试题(3)

1、vue-router的导航钩子，主要用来作用是拦截导航，让他完成跳转或取消完整的vue-router导航解析流程vue-router如何响应路由参数的变化？原来的组件实例会被复用。这也意味着组件的生命周期钩子不会再被调用。

2、Vue实例销毁后调用。调用后，Vue实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。该钩子在服务器端渲染期间不被调用。

3、什么是vue的生命周期？Vue实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载DOM-渲染、更新-渲染、卸载等一系列过程，我们称这是Vue的生命周期。

4、箭头函数中的this？不具有this绑定，但函数体可以使用this，这个this指向的是箭头函数当前所处的词法环境中的this对象。

热门标签