Vue

Vue3中，计算属性（Computed）用于生成衍生值并缓存结果，适合处理字符串拼接、数值计算等场景，依赖变化时自动更新。侦听器（Watch/WatchEffect）用于执行副作用操作，如异步请求、DOM修改等，watch精准控制触发时机，watchEffect自动追踪依赖并立即执行。两者核心区别在于计算属性生成衍生值且有缓存，侦听器执行副作用且无缓存。选择 …

Vue 3中的计算属性和方法在处理逻辑时有显著差异。计算属性基于响应式依赖进行缓存，仅在依赖变化时重新计算，适合处理依赖响应式数据的衍生值，如过滤列表或格式化日期。方法则每次调用都会重新执行，适用于事件处理或异步操作。计算属性在依赖稳定时性能更优，避免重复计算；而方法在频繁调用时可能导致性能问题。选择时应根据是否需要缓存结果来决定使用计算属性还是方法。

计算属性是Vue 3中用于派生响应式值的核心工具，通过computed()函数创建，接收一个getter函数返回派生值。计算属性具有缓存机制，只有当依赖的响应式数据变化时才会重新计算，否则直接返回缓存值，提升性能。与方法的区别在于，计算属性有缓存，而方法每次调用都会重新执行。计算属性还可以通过添加setter实现双向绑定。最佳实践包括避免在getter中执行 …

Vue 3中的计算属性（Computed Property）依赖响应式数据动态计算，具有缓存机制，仅在依赖变化时重新计算。Options API通过computed字段定义计算属性，支持函数式和getter/setter形式。Composition API使用computed函数，适合复杂组件逻辑，支持getter/setter。两者核心区别在于语法形式和逻 …

Vue3中的计算属性是基于响应式数据自动计算并缓存结果的属性，主要用于简化模板逻辑、提升性能和自动追踪依赖更新。计算属性与方法的区别在于缓存机制，计算属性在依赖不变时返回缓存结果，而方法每次调用都重新执行逻辑。计算属性的应用场景包括复杂数据转换、组合多个响应式数据和避免重复计算。通过计算属性，可以实现如Todo List过滤功能等复杂逻辑，确保代码简洁高效。

Vue 的响应式系统默认是深层响应式的，但深层代理可能带来性能开销。浅响应式（Shallow Reactivity）通过 shallowReactive 和 shallowRef 仅跟踪顶层属性的变化，避免递归代理嵌套对象。shallowReactive 只响应顶层属性的修改，而 shallowRef 仅跟踪 .value 的替换操作。浅响应式适用于处理大型 …