vuejs/composition-api

Features

• Logic Organizers - Provides a system to group related functions and state by logical concern within Vue 2 components.
• Vue Composition API Plugins - Brings the Vue 3 Composition API and reactive state management capabilities to Vue 2 applications.
• Stateful Composables - Offers reusable functions that encapsulate reactive state and lifecycle hooks for efficient component composition.
• Compositional Logic Organizations - Groups related data and methods into functional blocks to improve code reuse and maintainability.
• Dependency Injection Providers - Implements a provider-based dependency injection system to share data and functions across a component tree.
• Dependency Injection - Implements a function-based dependency injection system to share data and functions across a component tree.
• Logic Reuse Patterns - Provides patterns for sharing stateful functionality across components using composable functions.
• Separation of Concerns - Implements a design pattern to decouple component logic from fixed option blocks, improving separation of concerns.
• Stateful Logic Encapsulation - Provides a system for extracting repetitive state management and business logic into standalone reusable composable functions.
• Component Lifecycle Hooks - Executes custom logic during component rendering, updates, or removal via lifecycle hooks.
• Component Lifecycle Management - Manages the creation, updates, and destruction of components throughout their operational lifecycle.
• Component Lifecycle Hooks - Provides methods to execute specific logic at defined stages of a component's existence, such as mounting.
• Lifecycle Hooks - Implements mechanisms to execute custom logic during specific phases of a component's mounting and unmounting process.
• Component-Based State Management - Manages component state and watchers using imported functions instead of static component options.
• Proxy-Based Reactivity - Uses JavaScript Proxy objects to intercept data changes and automatically trigger UI updates.
• Reactive State Management - Provides functions to create reactive variables and computed properties for tracking application state.
• Bundle Size Optimization - Reduces the final bundle size by removing instance proxies to allow for more efficient minification.
• Automatic Type Inferences - Leverages plain variables and functions to enable automatic determination of types for better editor autocomplete.
• Code Block Grouping - Clusters related variables and functions together in the source code to ensure cohesive execution and organization.
• Static Type Inference - Provides a structure using plain variables and functions to enable native TypeScript static type inference.
• Component Type Inferences - Enables automatic derivation and validation of types for component options and properties.
• Component Option Translations - Converts traditional object-based component options into a single setup function for improved organization and type inference.
• Concern-Based Logic Grouping - Organizes related code by functional purpose to reduce file navigation and simplify refactoring.
• Instance Proxy Bypasses - Enables more efficient minification and smaller production bundle sizes by accessing variables directly instead of through component instance proxies.
• Structural Typing and Inference - Leverages plain variables and functions to enable native TypeScript structural typing and automatic inference for better autocomplete.
• Dependency Injection for UI - Provides a provider-based mechanism for passing data and functions across a component tree without manual prop drilling.
• Bundle Size Optimizers - Shrinks production output by compiling templates as inlined functions to remove instance proxies.

Star history