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

0 vote344 views1 answer
Define var vuejs
Javascript Vue
0 vote352 views2 answers
Vuetify validate child component
Javascript Vue
2 votes329 views2 answers
Vue directive
Javascript Vue
0 vote518 views1 answer
Vue htmlWebpackPlugin.options.title
Javascript Vue
1 vote366 views1 answer
Http requests in vue 3
Javascript Vue
3 votes341 views2 answers
Countdown using vue
Javascript Vue
0 vote309 views1 answer
Pagination in b table in bootstrap vue
Javascript Vue
7 votes372 views1 answer
Vue 3 composition api watch
Javascript Vue
-1 vote328 views1 answer
Fixed header on scroll vuejs
Javascript Vue
1 vote360 views1 answer
Invalid Host header vue
Javascript Vue