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

3 votes286 views1 answer
Vue js select option disabled false
Javascript Vue
0 vote258 views1 answer
Vuejs on route scrollbehavior
Javascript Vue
0 vote280 views1 answer
Vuejs localstorage add value
Javascript Vue
0 vote281 views1 answer
Vuejs show content on loaded
Javascript Vue
4 votes282 views2 answers
Router link active in vue.js
Javascript Vue
0 vote261 views1 answer
Vuejs my chart load before fetch data
Javascript Vue
2 votes270 views1 answer
Vue directive access this
Javascript Vue
0 vote266 views1 answer
Deploy vue js to shared hosting
Javascript Vue
1 vote275 views1 answer
Vue js access data in method
Javascript Vue
1 vote280 views2 answers
Vue settimeout in computed
Javascript Vue