How do I set default values for props in Vue 3?

How do I set default values for props in Vue 3?

In Vue 3, you can set default values for props by using the default property in the props definition.

Can you show me an example of that?

Sure! Here's a simple example:

export default {
  props: {
    myProp: {
      type: String,
      default: 'Default Value'
    }
  }
}

This sets 'Default Value' as the default for myProp.

What happens if I pass a value for that prop?

If you pass a value for myProp, it will override the default value. The default is only used when no value is provided.

Can I set default values for multiple props?

Yes, you can set default values for multiple props by defining them in the same props object, each with its own default.