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

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

In Vue 3, you can set default values for array props by using a function that returns the array. For example:

props: {
  myArray: {
    type: Array,
    default: () => []
  }
}

Can I set default values for objects in a similar way?

Yes, you can set default values for object props in the same way. Just return an object from a function:

props: {
  myObject: {
    type: Object,
    default: () => ({})
  }
}

What if I want to set a default array with specific values?

You can return an array with specific values directly from the default function:

props: {
  myArray: {
    type: Array,
    default: () => [1, 2, 3]
  }
}

Are there any limitations to using default props?

One limitation is that default values are only used when the prop is not provided. If you pass null, it will override the default.