How can I define props?

Question

I've seen props being define like:

props: ['message', 'name', 'something']

and

props: {
    imperfectNumber: {
        type: Number,
        required: true
      }
 }

Whats the difference and how can I define some props that require no validation and others that do all in the same block?

You would do well to read through the documentation based on the last two questions. Both of them are covered. vuejs.org/v2/guide/components.html#Prop-Validation — Bert
– Bert, Commented Nov 15, 2017 at 16:27
I've read the docs, it does not answer either of my questions. — panthro
– panthro, Commented Nov 15, 2017 at 16:28
Where does it show how to use the string and object versions together? — panthro
– panthro, Commented Nov 15, 2017 at 16:29
Once you go down the object definition route, you have to do that with all the props. You can't mix them. — webnoob
– webnoob, Commented Nov 15, 2017 at 16:35

tony19 · Accepted Answer · 2022-07-17 23:42:02Z

2

Once you go down the object definition route, you have to do that with all the props. You can't mix them.

Note:

Instead of defining the props as an array of strings, you can use an object with validation requirements

I've highlighted the part in the manual that explains. This indicates you can do one or the other.

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Nov 15, 2017 at 16:36

webnoob

16k13 gold badges87 silver badges169 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1