前端面试题2023vue

VUE3面试题个人总结(2023-6)

1、总结了2023年6月的Vue3面试题，涵盖编译流程、核心概念、生命周期管理、响应式编程等核心知识点。以下是重点内容的概述：Vue3编译流程包括两阶段：编译期转化为JavaScript代码，运行期通过模板引擎生成render（）函数并按层级顺序编译。

2、Vue3内部维护预队列、队列与后队列异步任务。所有异步任务通过flushJob微任务按优先级依次。异步刷新机制只更新vDOM，待下一个刷新周期同步DOM，通过job队列、Promi与diff算法实现。nextTick（）通过Promi实现，在下次刷新DOM后回调函数。

3、MVVM与MVC的区别：Vue的MVVM模式通过自动同步View和Model，当Model数据变化，View会实时更新，简化了业务逻辑和界面绑定，避免频繁操作DOM。 data函数设计：Vue组件的data需写成函数，这样每次复用组件时能生成独立数据副本，维护组件间的数据独立性。

4、响应式原理的变化 Vue2中的响应式原理是基于Object.defineProperty来实现的，而Vue3则使用ES6的Proxy和Reflect来实现响应式。这种改变使得Vue3在响应式处理上更加高效，性能更优。在面试中可能会被问到关于这两种响应式原理的具体差异以及它们对Vue整体性能的影响。

5、一句话总结：vue.js采用数据劫持结合发布-订阅模式，通过Object.defineProperty（）来劫持各个属性的tter、getter，在数据变动时发布消息给订阅者，触发响应的监听回调。

2023前端vue面试题及答汇总

1、Vue 要求使用函数配置 data，以保证组件实例数据独立，避免数据污染。vuex 与页面刷新：使用数据持久化和 Vuexpersistedstate 等解决页面刷新时数据丢失问题。Vue2 和 Vue3 区别：Vue3 引入新特性如 tup 函数，移除 filters 等，并更新生命周期钩子。

2、答：MVVM 是 ModelViewViewModel 的简写，它将 MVC 的控制层抽离为 ViewModel，实现数据驱动的前端开发，提升代码维护性。谈谈 Vue 的 token 存储机制？答：通过后端验证用户名和密码，返回 token。前端存储 token 到 localStorage 和 Vuex，并在每次请求头中添加 token，以实现前端的验证。

3、Vue高频面试题答如下：Vue内置指令有哪些？vif：断元素是否插入。vshow：节点存在时控制展示。vfor：循环命令。vbind：绑定属性。von：绑定。vtext：输出文本，更新元素的textContent。vel：条件渲染指令，与vif成对使用。velif：多层条件断，与vif成对使用。vmodel：实现双向绑定。

4、vue生命周期 1）、生命周期是什么？ Vue实例有一个完整的生命周期，包含数据挂载、模板渲染、组件更新和组件销毁四个阶段，每个阶段有特定的钩子函数。

5、如何实现 Vue 的动态权限绑定渲染列表（权限列表渲染）？属于发布订阅模式，Vue 使用 obrver 和 definereactive 方法对数据进行递归劫持，并通过 watch 监听属性变化，Dep 类用于解耦，数据变更时触发更新视图。