Q1选择题难度 2
1/12
Vue · 中级 05
记忆强度
一个 Vue 3 数据可视化组件接收约五万条记录，记录对象只在重新请求后整体替换，组件内部不会修改单条记录。为降低深层响应式代理开销，最合适的设计是什么？
组件仍需在整批数据替换时重新渲染。
Vue中级题库第 5 组，共 12 张卡片。
Vue · 中级 05
组件仍需在整批数据替换时重新渲染。
shallowRef 只追踪其 value 的引用变化，不会把大型数组内部的每个对象都递归转换成深层响应式代理，适合内部数据被当作只读快照、更新时整体替…
前端路由守卫、菜单裁剪和按钮隐藏只能改善交互并减少误操作，不能构成真正的安全边界。
keep-alive 会保留匹配组件的实例和状态，组件切出时通常进入停用状态，返回时重新激活，而不是重新挂载。
keep-alive 切换缓存组件时通常不会销毁实例，而是让组件进入停用状态，因此仅依赖卸载钩子会使定时器、观察器或频道订阅继续运行。
watch 只负责在来源变化时执行回调，并不保证异步任务按发起顺序完成。
正确方案是在服务端或受控的客户端可信边界中，使用经过维护的 HTML 净化库按标签、属性和 URL 协议白名单处理富文本，然后才交给 v-html。
key 表达的是节点或组件在多次渲染之间的稳定身份，而不是当前显示位置。
路由级动态 import 能让构建工具为低频功能创建独立代码块，普通用户首屏无需立即下载、解析和执行报表编辑器及其重依赖。
对于只在一个组件子树内共享的状态，provide 和 inject 可以避免逐层传递。
当页面只关心一个大型数据结构的整体替换，而不需要追踪其深层字段变化时，shallowRef 可以只让 value 这一层具有响应性，避免为大量嵌套对象建…
key 用于表达同层节点在两次渲染之间的稳定身份。
v-html 会把字符串作为元素的 innerHTML 写入页面，并不会对其中的危险标签、事件属性或恶意 URL 自动进行安全清洗。