Props vue typescript

Vue 3 setup props typescript

import FlashInterface from '@/interfaces/FlashInterface';
import { PropType } from 'vue';

export default {
    props: {
        message: {
            type: Object as PropType<FlashInterface>,
            required: true
        }
    },
    setup(props, context) {
  		// Stuff
    }
};

Source: stackoverflow.com

Props vue typescript

<script>
// you need npm i vue-property-decorator
import { Component, Prop, Vue } from 'vue-property-decorator'
@Component
export default class HelloWorld extends Vue {
  @Prop() readonly msg!: string
  @Prop({default: 'John doe'}) readonly name: string
  @Prop({required: true}) readonly age: number
  @Prop(String) readonly address: string
  @Prop({required: false, type: String, default: 'Developer'}) readonly job: string
}
</script>

Source: blog.logrocket.com

Similar codes

0 vote302 views1 answer
Auto complete of process.env in typescript
TypeScript
3 votes267 views1 answer
Adonis validator optional
TypeScript
0 vote281 views1 answer
How to check if something exists roblox
TypeScript
0 vote277 views1 answer
Cannot find module '@angular/cdk/a11y'
TypeScript
1 vote285 views1 answer
Getstaticpaths in nextjs
TypeScript
4 votes276 views1 answer
Ionic toast
TypeScript
0 vote256 views1 answer
Get products in wordpress
TypeScript
0 vote210 views1 answer
NFS is reporting that your exports file is invalid. Vagrant does this check before making any changes to the file. Please correct the issues below and execute "vagrant reload":
TypeScript
1 vote266 views1 answer
Ionic modal controller pass parameter
TypeScript
0 vote270 views1 answer
Cluster on lists of values that start with a certain value
TypeScript