Vue Class Component is a library that lets you make your Vue components in class-style syntax. You can define component data and methods in the intuitive and standard class syntax by annotating the class with the @Component decorator. You can simply replace your component definition with a class-style component as it is equivalent with the ordinary options object style of component definition. By defining your component in class-style, you not only change the syntax but also can utilize some ECMAScript language features such as class inheritance and decorators. Vue Class Component also provides a mixins helper for mixin inheritance, and a createDecorator function to create your own decorators easily.

Features

  • Initial data can be declared as class properties
  • Components methods can be declared directly as class prototype methods
  • Computed properties can be declared as class property getter / setter
  • data, render and all Vue lifecycle hooks can be directly declared as class prototype methods
  • You can pass component options to the @Component decorator's argument
  • You can extend an existing class component as native class inheritance

Project Samples

Project Activity

See All Activity >

Categories

Libraries

License

MIT License

Follow Vue Class Component

Vue Class Component Web Site

Other Useful Business Software
Go From AI Idea to AI App Fast Icon
Go From AI Idea to AI App Fast

One platform to build, fine-tune, and deploy ML models. No MLOps team required.

Access Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
Try Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Vue Class Component!

Additional Project Details

Programming Language

TypeScript

Related Categories

TypeScript Libraries

Registered

2021-09-22