“Props Vue TypeScript” Kode Jawaban

Vue 3 Pengaturan 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
    }
};
DeuxAlpha

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>
Bright Barracuda

Jawaban yang mirip dengan “Props Vue TypeScript”

Pertanyaan yang mirip dengan “Props Vue TypeScript”

Lebih banyak jawaban terkait untuk “Props Vue TypeScript” di TypeScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya