vue

在 setTimeout 或 自定义DOM事件中setState是同步执行的 其余情况，在 react 内部事件中， setState是 “异步” 执行的 setState本质是同步，不过让react

setState 题目 React 中以下代码会输出什么 setState 默认异步更新 setState 默认会合并 多次执行，最后 render 结果还是 1 setState 有时同步更新 根据

Vue 优化 题目 你在实际工作中，做过哪些 Vue 优化？ 前端通用的优化策略 压缩资源，拆包，使用 CDN ，http 缓存等。本节只讨论首屏，这些先不讲。 v-if 和 v-show 区别 v-

渲染 10w 条数据 题目 后端返回 10w 条数据，该如何渲染？ 设计是否合理？ 前端很少会有一次性渲染 10w 条数据的需求，而且如果直接渲染会非常卡顿。 你可以反问面试官：这是什么应用场景。然后

首屏优化 题目 H5 如何进行首屏优化？尽量说全 前端通用的优化策略 压缩资源，使用 CDN ，http 缓存等。本节只讨论首屏，这些先不讲。 路由懒加载 如果是 SPA ，优先保证首页加载。 服务端

Vue-router 模式 题目 Vue-router 模式 'hash' | 'history' | 'abstract' 的区别 v4 的升级 Vue-router v4 升级之后，mode: '

Vue React diff 题目 Vue React diff 算法有什么区别 diff 算法 diff 算法是一个非常普遍常用的方法，例如提交 github pr 或者（gitlab mr）时，会

Vue 生命周期 题目 Vue 每个生命周期都做了什么 Vue 生命周期 beforeCreate 初始化一个空的 Vue 实例，data methods 等尚未被初始化，无法调用。 created

vdom 真的很快吗 题目 vdom 真的很快吗？ Vue React 等框架的存在价值 Vue React 等框架给前端开发带来了革命性的变化。相比于此前的 jQuery 时代，它们的价值在于 组件

Vuex mutation action 区别 题目 Vuex mutation action 区别 答案 mutation 建议原子操作，每次只修改一个数据，不要贪多 必须是同步代码，方便查看 de

Vue 组件通讯 题目 Vue 组件通讯有几种方式，尽量全面 props / $emit 适用于父子组件。 父组件向子组件传递 props 和事件 子组件接收 props ，使用 this.$emit

Vue computed 和 watch 区别 题目 Vue computed 和 watch 区别 两者设计用途不同 computed 用于产出二次处理之后的数据，如对于一个列表进行 filter

在官网中对key的解释： key 特殊 attribute 主要用做 Vue 的虚拟 DOM 算法的提示，以在比对新旧节点组时辨识 VNodes。如果不使用 key，Vue 会使用一种算法来最小化元素

这个问题最基础的是先理解数据的引用类型（懂的人都懂）。vue 中组件的实例的创建都会先执行其构造函数，其中会执行 vue 的 init 方法进行组件的初始化，在initState 中会进行 data

v-for 的优先级比 v-if 要高。在同级使用时，从两者编译后生成的的渲染函数来看，会先执行循环创建的逻辑，在每次循环时根据三元表达式进行判断逻辑；这显然很不合理。在不同级时，先使用计算属性进行过

组件是独立和可复用的代码组织单元。组件系统是 Vue 核心特性之一，它使开发者使用小型、独立和通常可复用的组件去构建大型应用。 组件化开发能大幅提高应用开发效率、测试性、复用性。 组件按使用分类：页面