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 vote250 views1 answer
Vuejs bootsrap modal hidden event
Javascript Vue
0 vote155 views1 answer
Vue apollo refetch every x ms
Javascript Vue
0 vote147 views1 answer
Vuejs get value of checkbox group
Javascript Vue
0 vote147 views2 answers
Javascript vue.js right click
Javascript Vue
0 vote143 views1 answer
Export data from paginated api javascript vuetify
Javascript Vue
1 vote139 views1 answer
Vue access computed property in data
Javascript Vue
0 vote238 views1 answer
How do I disable running an app on the local network when using vue-cli?
Javascript Vue
0 vote194 views1 answer
Vue htmlWebpackPlugin.options.title
Javascript Vue
3 votes150 views1 answer
Getter in action vuex
Javascript Vue
1 vote151 views1 answer
Axios post data vue js
Javascript Vue