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
Try Google Cloud Risk-Free With $300 in Credit Icon
Try Google Cloud Risk-Free With $300 in Credit

No hidden charges. No surprise bills. Cancel anytime.

Use your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
Start 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