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

2 votes225 views1 answer
Clear input from file vue
Javascript Vue
0 vote230 views1 answer
Vue 3 computed getter setter
Javascript Vue
8 votes226 views2 answers
Get params from route vuejs
Javascript Vue
2 votes238 views1 answer
Button click redirection to another page vue
Javascript Vue
0 vote239 views1 answer
Electron vue printer
Javascript Vue
0 vote235 views1 answer
Vue js data property in component must be a function
Javascript Vue
0 vote232 views1 answer
Vue.js watch event
Javascript Vue
0 vote226 views2 answers
Vuejs accessing props from data
Javascript Vue
1 vote217 views1 answer
Vuetify sass variables
Javascript Vue
0 vote247 views1 answer
Vue js hooks
Javascript Vue