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 vote220 views2 answers
Target data option select vue js
Javascript Vue
3 votes362 views2 answers
Vue add watcher
Javascript Vue
17 votes552 views6 answers
Vue js
Javascript Vue
0 vote217 views1 answer
Use vuejs in laravel
Javascript Vue
4 votes203 views1 answer
How to create a global variable in vue
Javascript Vue
0 vote196 views2 answers
Scroll to top router link vue
Javascript Vue
0 vote220 views1 answer
Jsmodule not installed vuejs webstorm
Javascript Vue
7 votes219 views1 answer
Vue js Elements in iteration expect to have 'v-bind:key' directives
Javascript Vue
0 vote204 views1 answer
Vue.js use scss in balise style
Javascript Vue
0 vote249 views1 answer
Vuejs on route scrollbehavior
Javascript Vue