Challenge 1 / 1

Imagine we have a component whose sole purpose is to render an input element:

<template>
    <input type="text" v-model="myValue" />
</template>

<script>
export default {
    name: 'InputComponent',
    data() {
        return {
            myValue: '',
        };
    },
};
</script>

Which of the following :disabled attributes would result in an input element being disabled?

<input :disabled="'0'" />

<input :disabled="false" />

<input :disabled="null" />

<input :disabled="someUndefinedVariable" />

Rewatch the video