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 vote333 views1 answer
Cargar datos de un id con inner join vue js
Javascript Vue
0 vote332 views1 answer
How to make @click in router-link vuejs
Javascript Vue
3 votes420 views2 answers
Vue add watcher
Javascript Vue
0 vote335 views1 answer
Vue trigger function after certain time
Javascript Vue
15 votes458 views6 answers
Vuejs
Javascript Vue
0 vote345 views1 answer
Vue cli - Uncaught SyntaxError: Unexpected token <
Javascript Vue
67 votes461 views3 answers
Update vue version npm
Javascript Vue
0 vote354 views2 answers
Vuejs install [email protected] requires a peer of ajv@^6.9.1
Javascript Vue
0 vote351 views1 answer
Vue minify images
Javascript Vue
16 votes503 views4 answers
Vue js default prop
Javascript Vue