Vue3中组件Props声明：从Options API到Composition API有哪些关键升级？
Vue中Props是父向子通信核心机制，遵循单向数据流。Options API以props选项声明，Composition API通过defineProps宏（script setup）声明，支持类型验证、默认值，Vue3.5+支持解构响应式与TypeScript类型注解。子组件不可直接修改Props，需用本地ref、computed或emit处理。
阅读更多
cmdragon
Options API
标签下的所有文章
5 篇文章
返回所有标签Vue 3 Composition API生命周期钩子：如何实现从基础理解到高阶复用？
Vue 3 Composition API将生命周期钩子转为可导入函数，如onMounted替代mounted，提供完整对应表及执行顺序。支持逻辑分组复用，通过自定义hook（如useFetch）封装功能。涵盖条件性钩子注册、动态清理（onScopeDispose）及常见错误处理（未导入钩子、响应式变量问题）。
阅读更多
cmdragon
Vue3计算属性的缓存机制与Options/Composition API用法你都了解吗
Vue 3中的计算属性（Computed Property）依赖响应式数据动态计算，具有缓存机制，仅在依赖变化时重新计算。Options API通过computed字段定义计算属性，支持函数式和getter/setter形式。Composition API使用computed函数，适合复杂组件逻辑，支持getter/setter。两者核心区别在于语法形式和逻 …
阅读更多
cmdragon
广告位
为什么Vue 3的计算属性能解决模板臃肿、性能优化和双向同步三大痛点？
计算属性（Computed）是Vue 3中用于派生状态的核心API，能够将复杂逻辑从模板中抽离，提升代码简洁性和可维护性。计算属性通过缓存机制优化性能，仅在依赖的响应式数据变化时重新计算，而方法则每次调用都会执行。可写计算属性允许通过getter和setter实现双向同步，Vue 3.4+还支持获取计算属性的之前值，用于保留历史状态。使用时应保持getter …
阅读更多
cmdragon
Vue响应式声明的API差异、底层原理与常见陷阱你都搞懂了吗
Options API和Composition API是Vue 3中声明和操作响应式数据的两种方式。Options API通过data选项声明响应式状态，Vue 3使用Proxy实现响应式，需通过this访问代理对象。Composition API推荐使用ref和reactive，ref用于包裹基本类型或对象，需通过.value访问，reactive用于对象 …
阅读更多
cmdragon