/TypeScript/Vue 3 setup props 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

5 votes331 views4 answers
Wget
TypeScript
2 votes311 views1 answer
Vue\npm\vue.ps1 cannot be loaded because running scripts is disabled on this system
TypeScript
0 vote353 views3 answers
Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
TypeScript
1 vote275 views1 answer
Ts version
TypeScript
0 vote384 views1 answer
Writhing requests to text file
TypeScript
0 vote293 views1 answer
Pass command line arguments C#
TypeScript
1 vote287 views1 answer
Why do we use fragments in react?
TypeScript
0 vote329 views2 answers
C++ map key exists
TypeScript
0 vote322 views1 answer
Dota 2 space to center hero
TypeScript
1 vote294 views1 answer
Move items from one log to another typescript
TypeScript