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

2 votes109 views1 answer
Vue js get width of element
Javascript Vue
3 votes75 views3 answers
Timer countup in vue js
Javascript Vue
0 vote111 views2 answers
Vuejs install [email protected] requires a peer of ajv@^6.9.1
Javascript Vue
0 vote126 views2 answers
Vue chart nuxt
Javascript Vue
0 vote103 views1 answer
Using vuejs-datepicker with Nuxt JS
Javascript Vue
0 vote98 views1 answer
Deploy vue js to shared hosting
Javascript Vue
0 vote105 views1 answer
Vue sidebar
Javascript Vue
2 votes118 views2 answers
Access data out of Axios .then vue.js
Javascript Vue
1 vote106 views1 answer
Fetch in vue 3
Javascript Vue
0 vote127 views1 answer
Programatic navigation vue router
Javascript Vue