Vue 3组合式API中ref与reactive的核心响应式差异及使用最佳实践是什么？
Vue 3的组合式API中，ref()和reactive()是创建响应式数据的核心工具。ref()可包裹任意值类型，通过.value访问，模板中自动解包；reactive()仅支持对象/数组，直接访问属性，但替换整个对象会丢失响应式。ref()更灵活，推荐优先使用，避免reactive()的解构和替换陷阱。toRefs()可将reactive()对象的属性转 …
阅读更多
cmdragon
常见报错
标签下的所有文章
6 篇文章
返回所有标签Vue3响应式系统中，对象新增属性、数组改索引、原始值代理的问题如何解决？
Vue3的响应式系统基于Proxy实现，跟踪对象属性的读取和修改操作，但存在局限性。对于对象，新增或删除属性无法自动触发响应，可通过set/delete函数、扩展运算符或初始定义所有属性解决。对于数组，直接修改索引或长度早期版本不响应，推荐使用数组变异方法或set函数。reactive无法代理原始值，需使用ref。实践中，购物车功能通过ref包裹数组 …
阅读更多
cmdragon
为什么Vue 3需要ref函数？它的响应式原理与正确用法是什么？
ref函数是Vue 3中用于处理基本类型数据响应式的工具，通过将基本类型包装成Ref对象，使其具备响应式特性。在JavaScript代码中，必须通过.value访问或修改值，而在模板中会自动解包，无需.value。ref还可用于对象类型，Vue会将其自动转换为reactive代理。其核心原理是通过getter和setter实现依赖收集与更新触发。常见应用场景 …
阅读更多
cmdragon
广告位
B-tree索引像字典查词一样工作？那哪些数据库查询它能加速，哪些不能？
B-tree索引是PostgreSQL默认的索引类型，通过分层结构（根节点、分支节点、叶子节点）快速定位数据，时间复杂度为O(log n)。它支持比较操作符（如=、>）、范围查询（如BETWEEN）、空值判断（如IS NULL）以及锚定开头的模式匹配（如LIKE 'foo%'）。适用场景包括加速“等于”查询（如用户登录）、范围查询（如订单统计）和空值查 …
阅读更多
cmdragon
想解锁PostgreSQL查询从基础到进阶的核心知识点？你都get了吗？
PostgreSQL查询的核心操作包括SELECT、WHERE、ORDER BY、LIMIT、JOIN、聚合函数和子查询。SELECT用于从表中提取数据，WHERE用于过滤条件，ORDER BY用于排序，LIMIT和OFFSET用于分页。JOIN用于关联多个表，聚合函数如COUNT、SUM等用于数据计算，GROUP BY用于分组统计，HAVING用于过滤分组 …
阅读更多
cmdragon
2025-09-23
postgresql
基础入门 - PostgreSQL
,
INSERT语句
,
数据插入
,
冲突处理
,
WITH子句
,
RETURNING子句
,
常见报错
12 分钟阅读
PostgreSQL插入数据还在逐条敲？批量、冲突处理、返回自增ID的技巧你会吗？
PostgreSQL的INSERT语句用于向表中插入新行，其基本结构包括目标表、插入列、插入源和冲突处理等部分。基础操作涵盖单条和多条数据插入，支持默认值和部分列插入。进阶用法包括使用WITH子句预处理数据、处理唯一约束冲突的ON CONFLICT子句，以及通过RETURNING子句返回插入结果。常见报错如唯一约束冲突和语法错误，可通过检查数据、使用ON …
阅读更多
cmdragon
广告位