vue-property-decorator
vuejs-composition-api-course
Our great sponsors
vue-property-decorator | vuejs-composition-api-course | |
---|---|---|
10 | 4 | |
5,525 | 29 | |
- | - | |
3.2 | 0.0 | |
about 1 year ago | almost 2 years ago | |
TypeScript | TypeScript | |
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-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.
-
Why I Love Vue 3's Composition API
This is still not better than Vue Class Component & Vue Property Decorator . Very easy syntax, looks like any other OOP language, and looks so much cleaner.
- 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.
-
You should be using Vue Class Component
Here, we will cover only the basics, the idea is in the future to create an article on Vue-Property-Decorator that complements the usage of this library.
-
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.
vuejs-composition-api-course
-
Example projects using vitest and vue/test-utils
As for code bases, this repository has some non-trivial tests you could pull down and run: https://github.com/lmiller1990/vuejs-composition-api-course/tree/main/tests/unit, which comes from a [course I made](https://www.udemy.com/course/vuejs-3-the-composition-api/?referralCode=0C911BD2BD6C57007F36. I am re-recording this right now, so if you are interested, you should wait for a few weeks until I post the latest version.
-
Any vue 3 with Typescript resources or tutorials ?
If you don't want paid content, you could still see the source code and try to learn from it: https://github.com/lmiller1990/vuejs-composition-api-course
-
Any good Resources to leanr Vue3 + typescript with script setup?
I have a course on Composition API and TypeScript and Vue 3. I will re-record it soon to include script setup. In the meantime, you could clone the repo https://github.com/lmiller1990/vuejs-composition-api-course and try to convert it to use script setup (you will need to bump the dependencies).
-
Testing Teleport
Component: https://github.com/lmiller1990/vuejs-composition-api-course/blob/main/src/components/Navbar.vue
What are some alternatives?
composition-api - Composition API plugin for Vue 2
vitesome - A simple opinionated Vue3 Starter Template with Vite.js
InversifyJS - A powerful and lightweight inversion of control container for JavaScript & Node.js apps powered by TypeScript.
vue-class-component - ES / TypeScript decorator for class-style Vue components.
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
vue-cli - 🛠️ webpack-based tooling for Vue.js Development
awesome-vue - 🎉 A curated list of awesome things related to Vue.js
nestjs-custom-injector - Custom injecting logic for NestJS with support multi providing
rxweb - Tons of extensively featured packages for Angular, VUE and React Projects
vue-class-setup - Use class style to write setup and support vue2 and vue3