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 vote120 views1 answer
Push values to data object in vue
Javascript Vue
8 votes121 views4 answers
Vue 3 create app
Javascript Vue
2 votes122 views2 answers
Vuex use state in action
Javascript Vue
0 vote110 views1 answer
Vue js store and retrieve api data to localstorage
Javascript Vue
0 vote128 views1 answer
Vue date helper
Javascript Vue
0 vote119 views2 answers
Vue Chartjs label false
Javascript Vue
0 vote117 views1 answer
Vue await in component
Javascript Vue
1 vote121 views1 answer
Vue get data from method
Javascript Vue
0 vote114 views1 answer
How to pass a parameter to Vue @click event handler
Javascript Vue
0 vote120 views2 answers
Scroll to top router link vue
Javascript Vue