1
Write a Vue Component as a Class in TypeScript
2m 39s
2
Extend Vue Components in TypeScript
3m 4s
3
Use Vue Router in TypeScript
3m 19s
4
Create Type-Safe Vue Directives in TypeScript
4m 2s
5
Use Properties in Vue Components Using @Prop Decorator with TypeScript
2m 26s
6
Use Two-Way Binding in Vue Using @Model Decorator with TypeScript
3m 26s
7
Watch for Changes in Vue Using the @Watch Decorator with TypeScript
1m 40s
8
Use Dependency Injection in Vue Using @Inject and @Provide Decorators with TypeScript
2m 17s
9
Create your own Decorators in Vue with TypeScript
2m 30s
10
Use AOP in Vue Components with TypeScript and Kaop-ts
7m 20s
11
Decouple Dependencies Using IoC Containers in Vue with TypeScript and InversifyJS
5m 32s

Use Properties in Vue Components Using @Prop Decorator with TypeScript

Vue.js^2.2.6
TypeScript^2.3.2

Share this video with your friends

With properties we can follow a one-way parent→child flow communication between components. This lesson shows you how you can pass down properties to class based Vue components by using the @Prop decorator from vue-property-decorator.

We’ll also see how we can set types and even default properties on @Prop!

Course

Use TypeScript to Develop Vue.js Web Applications

Jaime Vega

~ 6 years ago

So the the @Prop decorator does not get the type from the TS typescript? It feels like a duplication in your example to define the String type inside the decorator arguments.

And can you do

@Prop({type: Number}) msg: String;

I know this does not make any sense, I just want to know if it is possible.