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 vote207 views1 answer
The data option must be a function. Plain object usage is no longer supported. vue
Javascript Vue
2 votes210 views1 answer
How to run vue js project on different port
Javascript Vue
1 vote230 views1 answer
Http requests in vue 3
Javascript Vue
3 votes219 views1 answer
Filter array in vuex
Javascript Vue
0 vote210 views1 answer
Vue get window width
Javascript Vue
3 votes211 views2 answers
Vuex-module-decorators rawError globally
Javascript Vue
9 votes210 views1 answer
Vue deep watch
Javascript Vue
0 vote202 views1 answer
Get props from methods in vue
Javascript Vue
0 vote222 views1 answer
Electron vue printer
Javascript Vue
1 vote212 views1 answer
Vue js copy text to clipboard
Javascript Vue