Challenge #2 of 2

Say we have a component with a prop title defined using the simple syntax:

props: ['title'],

But now, we'd like Vue to be able to do some validation for us when the component is rendered: we want title to accept a String and to be required. How can we do this?

props: {
    title: {
        type: String,
        required,
    },
},

props: {
    title: [String, true],
},

props: {
    title: {
        type: String,
        required: true,
    },
},

props: {
    title: {
        type: new String(),
        required: true,
    },
},

Rewatch Video

TRACK

JavaScript Frameworks & Tools >

COURSE

The Delightful World of Vue >

CHAPTER

v-bind: Dynamic Attributes

Challenge #2 of 2

Q: Say we have a component with a prop title defined using the simple syntax: props: ['title'], But now, we'd like Vue to be able to do some validation for us when the component is rendered: we want title to accept a String and to be required. How can we do this?

Q:
Say we have a component with a prop `title` defined using the simple syntax:

`props: ['title'],`

But now, we'd like Vue to be able to do some validation for us when the component is rendered: we want `title` to accept a String and to be required. How can we do this?