vue-class-component
vue-property-decorator
DISCONTINUED
Our great sponsors
vue-class-component | vue-property-decorator | |
---|---|---|
13 | 10 | |
5,812 | 5,525 | |
-0.0% | - | |
2.9 | 3.2 | |
5 months ago | 12 months ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vue-class-component
-
The Rear-Vue Mirror: My Open-Source Origin Story
This was a good change. Evan has always been extremely good at putting his finger on the pulse of the frontend community. If there's a feature or paradigm that people love that would fit in Vue, Evan will incorporate it. Over the years, Vue has implemented (and sometimes later deprecated) dependency injection, JSX support, custom elements, Angular-style class components, Svelte-style ref sugar, and now Solid-inspired compiler optimizations. They even changed the order of a Vue file to match that of Svelte: first the script, then the template.
-
Vue + TS without class component ? No way!
Vue(TS) is abandoning vue-class-component, preferring to ask developers to use the Composition API. See https://github.com/vuejs/vue-class-component/issues/569
-
A vue-class-component alternative one in vue3.
Due to `vue-class-component` is [deprecated in vue3](https://github.com/vuejs/vue-class-component/issues/569). I built a alternative package to do that with many features.
-
Vue 3 production-ready analysis
I'm particularly a little salty about the situation of vue-class-component. This is an officially supported vue library that thousands of people use (including myself), and it has been left to die on the vine with regard to Vue3. It has been in the same RC state for over a year, with no communication or support as to what is happening.
-
Thoughts about the state of Vue & the 2/3 transition
3) Previously officially supported projects are being essentially abandoned. Vue Cli has been waiting for V5 for the past year, with no indication of release date, and now is in "maintenance mode". Vue Class Component has similarly been waiting for an update for over a year, and still does not have an official release that supports Vue3.
-
Objects and v-model in Vue3
When I was using Vue2 along with vue-class-component and vue-property-decorator it was easy to synchronize v-models between components simply using @ModelSync(). When Vue 3 came out with its Composition API another way was needed to achieve the same result as if Class Component was used.
-
For Vue 2.x: vue-class-component or @vue/composition-api?
Support - I could be wrong, but Vue3 support for vue-class-component isn't really there (https://github.com/vuejs/vue-class-component/issues/569). So I'm not sure why you'd want to lock yourself into a technology that isn't currently supported on a newer version of Vue.
- Wait for Vue 3 to add Typescript?
vue-property-decorator
-
How often do you use Decorators, and if you do was there any push back within your team?
In my last project these two were used a lot: https://github.com/kaorun343/vue-property-decorator and https://class-component.vuejs.org/
-
Vue + TS without class component ? No way!
Designed for vue 3, do the same work like vue-class-component and vue-property-decorator.
- Any vue 3 with Typescript resources or tutorials ?
-
Objects and v-model in Vue3
When I was using Vue2 along with vue-class-component and vue-property-decorator it was easy to synchronize v-models between components simply using @ModelSync(). When Vue 3 came out with its Composition API another way was needed to achieve the same result as if Class Component was used.
- Wait for Vue 3 to add Typescript?
-
Is it ready already?
vue-property-decorator: This library works hand in hand with vue-class-component so that you can define properties/methods on your class for things like watchers, properties, etc:
-
How to create a scalable vue.js setup (Part I)
The next thing to tackle for a scalable application is, that we want to have a well written component that is easy to read and to reuse. Vue components are usually single file, which has it's benefits (e.g. if you want to change some css, and then html and oh, you also need to introduce this property in typescript...). It's also easier to maintain some code standard about how large a component should possibly become, if you had single file components (e.g. >250loc => linter error). To additionally increase readability, I like to use typescript class components flavoured with vue property decorators.
-
Aprendizados de 1 ano de projeto em vue.js com escopo ultra caótico
Vue2 não é muito bom pra lidar com typescript de forma vanilla, então o próprio core team e a comunidade criaram soluções pra você ter sintaxes alternativas (nada muito diferente) que suportam os toolings mais modernos e que tiveram maior adoção no decorrer dos últimos anos, como o vue-class-component, vue-property-decorator e o vuex-class. O caso mais notório de ferramenta que tira proveito disso, com certeza é o typescript. Com essas tecnologias, usar typescript é 100% possível, e usando essas sintaxes alternativas, diria até que o código fica mais enxuto e claro do que o vue sem nada (@Action do vuex-class, pra mim, tem uma sintaxe mais agradável que mapActions do vuex cru, por exemplo). Começamos o projeto sem, mas o Brunão começou a implementar usando isso e com uma curva bem pequena de aprendizado, aderimos felizes ao novo método de escrever componentes vue2.
What are some alternatives?
composition-api - Composition API plugin for Vue 2
InversifyJS - A powerful and lightweight inversion of control container for JavaScript & Node.js apps powered by TypeScript.
vue-facing-decorator - Vue typescript class component decorators
vite - Next generation frontend tooling. It's fast!
class-validator - Decorator-based property validation for classes. [Moved to: https://github.com/typestack/class-validator]
vuex-module-decorators - TypeScript/ES7 Decorators to create Vuex modules declaratively
vitesome - A simple opinionated Vue3 Starter Template with Vite.js
vue-cli - 🛠️ webpack-based tooling for Vue.js Development
create-vue - 🛠️ The recommended way to start a Vite-powered Vue project
vitesse - 🏕 Opinionated Vite + Vue Starter Template
vuejs-composition-api-course - The source code for my re-recorded Vue.js 3 course. https://gumroad.com/l/vuejs-composition-api