vue 模拟试卷

运行时渲染核心机制专题测试

7 题 50 分钟难度：★★★

Diff 算法的优化策略（双端比较、最长递增子序列）
Key 属性在渲染中的作用
组件异步加载与 Suspense
渲染性能优化技巧
Vue 3 的 Block Tree 优化

试卷习题（7 题）

参考答案在文末

判断题

在Vue中,VNode对象的elm属性指向该虚拟节点对应的真实DOM元素,在首次渲染时elm为null,只有在patch阶段将VNode转换为真实DOM后,elm才会被赋值。(判断对错)

对

错

单选题

关于Vue中VNode(虚拟节点)的数据结构,以下哪个属性用于标识该节点是否为静态节点?

VNode.isStatic

VNode.isStaticRoot

VNode.static

VNode.isStaticNode

单选题

Vue的diff算法在比较新旧VNode子节点时,采用的是什么策略?

完整的O(n³)最长公共子序列算法

同层比较,采用双端对比(newStart/newEnd与oldStart/oldEnd)策略

从前往后单向遍历比较

React的Fiber时间切片策略

单选题

关于Vue 3响应式系统相比Vue 2的改进,以下说法错误的是?

Vue 3使用Proxy替代Object.defineProperty,可以检测对象属性的添加和删除

Vue 3使用WeakMap存储响应式对象的代理缓存,避免重复代理

Vue 3的依赖收集使用track函数,触发更新使用trigger函数,替代了Vue 2的Dep-Watcher模式

Vue 3的ref和reactive创建的响应式对象在模板中使用时,需要手动.value解包

单选题

关于Vue 3的diff算法相比Vue 2的改进,以下说法正确的是?

Vue 3采用最长递增子序列(LIS)算法优化子节点diff,减少了不必要的DOM移动

Vue 3取消了key的使用,完全依赖节点类型和props进行匹配

Vue 3的diff算法时间复杂度从O(n)降低为O(1)

Vue 3在patch阶段仍然采用与Vue 2完全相同的双端对比策略

多选题

当修改Vue中的响应式数据时,Vue的更新机制是怎样的?以下哪些描述是正确的?

数据修改后立即同步更新DOM

数据修改触发setter,通知对应的Watcher

所有Watcher更新被推入异步队列,在下一个tick中批量执行

同一数据在同一tick内被修改多次,只会触发一次更新

多选题

关于Vue组件从创建到挂载的完整流程,以下哪些说法是正确的?

组件实例化时首先执行beforeCreate钩子,然后初始化props、data、methods等

created钩子执行时,组件已完成数据观测但还未挂载DOM

mounted钩子执行时,组件el已被真实DOM替换,可访问$el

Vue.use()注册的全局组件在任意组件实例化前就已可用

参考答案

1.正确 2.C 3.B 4.D 5.A 6.B;C;D 7.A;B;C;D

想在手机上在线作答这套卷子？

使用微信 卷王开发者小程序/App，首页顶部扫一扫识别二维码，即可限时作答并自动判分。

了解产品 App