Vue 3 props

Vue 3 define props script setup

interface Props {
  msg?: string
}

const props = withDefaults(defineProps<Props>(), {
  msg: 'hello'
})

Source: stackoverflow.com

Vue 3 props

<script setup> // vue 3 component
const props = defineProps({ // No need to import defineProps!
  title: String, likes: Number, isPublished: Boolean,
  commentIds: Array, author: Object, callback: Function,
  contactsPromise: Promise // or any other constructor
})
... use props.title ... props.contatcsPromise
</script>

Source: v3.vuejs.org

Similar codes

1 vote166 views3 answers
Settimeout in vuejs
Javascript Vue
1 vote185 views1 answer
Vuejs v-for reverse
Javascript Vue
0 vote150 views1 answer
Vue js key modifiers
Javascript Vue
0 vote166 views2 answers
Action checkbox selected vue js
Javascript Vue
0 vote166 views1 answer
Find element by object field vuejs
Javascript Vue
0 vote254 views1 answer
Vue reset all data to default
Javascript Vue
1 vote156 views1 answer
Vue js import css from node modules
Javascript Vue
29 votes379 views4 answers
Create new project vue
Javascript Vue
0 vote156 views1 answer
Use $axios in vuex in nuxt
Javascript Vue
0 vote168 views1 answer
Vuetify autocomplete get input value
Javascript Vue