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

5 votes154 views3 answers
Vue select option v-for selected
Javascript Vue
2 votes145 views2 answers
Vue js redirect to external url new tab
Javascript Vue
0 vote148 views1 answer
Vuejs input call the value
Javascript Vue
0 vote153 views2 answers
Vuejs install [email protected] requires a peer of ajv@^6.9.1
Javascript Vue
0 vote151 views2 answers
Vuejs nested v-for
Javascript Vue
0 vote159 views1 answer
Vuejs typescript can't access data
Javascript Vue
1 vote133 views1 answer
How to get the first element in vue js select option
Javascript Vue
0 vote148 views1 answer
Vue dispatch action at tab close
Javascript Vue
0 vote151 views1 answer
VueJS - check strings is includes in vuejs
Javascript Vue
0 vote158 views1 answer
Vue v-for loop array
Javascript Vue