awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
vuejs avatar

vuejs/vue-class-component

0
View on GitHub↗

Vue Class Component

This library provides a structural pattern for building user interface components using ES6 classes and decorators. It functions as a TypeScript component library that allows developers to manage state and logic within the Vue framework by defining components as classes instead of using standard options objects.

The project utilizes a TypeScript decorator to translate class properties and methods into the standard format required by the framework runtime. This approach enables a class-based component architecture that leverages TypeScript for improved type safety and code organization.

The system converts class-based definitions into plain JavaScript objects through prototype-based logic extraction and decorator-based mapping. It further synchronizes data updates by mapping class instance members to the component's reactive state system.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Features

  • Class Components - Provides a system for defining UI components as classes that manage their own state and lifecycle.
  • Decorator Annotations - Employs TypeScript decorators as metadata annotations to define data, computed properties, and lifecycle hooks.
  • Class-Based Components - Implements a class-based architecture for UI components to leverage inheritance and structured code organization.
  • Class Decorators - Uses decorators to map class properties and methods to the standard options object required by the framework runtime.
  • Reactive Property Bindings - Synchronizes class instance members with the framework's reactive state system to enable automatic view updates.
  • Vue Component Development Patterns - Facilitates the development of Vue components using class structures and decorators instead of traditional options objects.
  • Vue TypeScript Integrations - Integrates TypeScript with Vue components to provide enhanced type safety and structured logic through class definitions.
  • Class Instance to Plain Object Converters - Converts class-based component definitions into plain JavaScript objects to maintain compatibility with the framework's internal options system.
  • Prototype Logic Extraction - Extracts method and property definitions from the class prototype to populate the internal logic and state of the component.
  • Type-Safe Component Utilities - Provides a set of tools for managing component state and logic using typed classes within the Vue framework.
5,763 stars·429 forks·TypeScript·MIT·24 views

Star history

Star history chart for vuejs/vue-class-componentStar history chart for vuejs/vue-class-component

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Frequently asked questions

What does vuejs/vue-class-component do?

This library provides a structural pattern for building user interface components using ES6 classes and decorators. It functions as a TypeScript component library that allows developers to manage state and logic within the Vue framework by defining components as classes instead of using standard options objects.

What are the main features of vuejs/vue-class-component?

The main features of vuejs/vue-class-component are: Class Components, Decorator Annotations, Class-Based Components, Class Decorators, Reactive Property Bindings, Vue Component Development Patterns, Vue TypeScript Integrations, Class Instance to Plain Object Converters.

Which projects share features with vuejs/vue-class-component?

Projects with overlapping indexed features include: kaorun343/vue-property-decorator — This project is a TypeScript-driven toolkit that provides decorators and class-based structures for building Vue.js… microsoft/typescript-vue-starter — TypeScript-Vue-Starter is a pre-configured project template and starter kit designed for building web applications… kivy/kivy — Kivy is a cross-platform Python GUI framework used to build graphical user interfaces that run on desktop and mobile… aurelia/framework — Aurelia is a JavaScript web framework and component-based UI system used to build applications for browser, mobile,… jayphelps/core-decorators — core-decorators is a JavaScript class decorator library and framework utility for extending class functionality. It… didi/mpx — MPX is a cross-platform framework designed to build applications for multiple mini-program ecosystems and the web from…

Projects sharing features with Vue Class Component

These projects share indexed features with Vue Class Component. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • kaorun343/vue-property-decoratorkaorun343 avatar

    kaorun343/vue-property-decorator

    5,473View on GitHub↗

    This project is a TypeScript-driven toolkit that provides decorators and class-based structures for building Vue.js components. It acts as a wrapper that replaces the standard options API object configuration with a class-based library, allowing developers to define component logic, state, and metadata using typed properties. The toolkit focuses on using TypeScript decorators to map class properties to component options such as props, models, and watchers. It enables type-driven prop validation and provides a structured syntax for managing reactive state synchronization and component communic

    TypeScriptdecoratorstypescriptvue
    View on GitHub↗5,473
  • microsoft/typescript-vue-startermicrosoft avatar

    microsoft/TypeScript-Vue-Starter

    4,424View on GitHub↗

    TypeScript-Vue-Starter is a pre-configured project template and starter kit designed for building web applications using Vue and TypeScript. It provides a structural foundation for creating type-safe user interface environments through integrated project scaffolding and boilerplates. The project distinguishes itself by integrating TypeScript class decorators with Vue components, allowing for a structured approach to defining component data and properties. This setup supports single-file components that combine markup, styling, and logic into modular, type-checked units. The environment inclu

    JavaScript
    View on GitHub↗4,424
  • jayphelps/core-decoratorsjayphelps avatar

    jayphelps/core-decorators

    4,495View on GitHub↗

    core-decorators is a JavaScript class decorator library and framework utility for extending class functionality. It provides a collection of tools for implementing class behavior mixins, automating method binding to avoid manual constructor configuration, and verifying that subclass methods correctly override parent methods. The library includes a code deprecation toolkit for flagging obsolete methods with console warnings and a function execution profiler for measuring performance and duration. It further enables the modification of class and method behavior through a system of custom decora

    JavaScript
    View on GitHub↗4,495
  • didi/mpxdidi avatar

    didi/mpx

    3,905View on GitHub↗

    MPX is a cross-platform framework designed to build applications for multiple mini-program ecosystems and the web from a single codebase. It utilizes a static transpilation pipeline to transform source code into platform-specific bundles, employing a single-file component system that encapsulates templates, logic, and styles. The framework provides a reactive state management system that automatically synchronizes application data with the user interface through computed properties and watchers. The project distinguishes itself through a robust build-time toolchain that supports sub-package p

    JavaScript
    View on GitHub↗3,905
Compare all 27 related projects→