Блокировка элементов в Vue

Можно реактивно блокировать элементы формы с помощью атрибута disabled. Давайте попробуем. Сделаем соответствующее свойство:

javascriptdata() {
  return {
    isDisabled: true,
  }
}

Привяжем это свойство к кнопке:

App.vue<template>
  <button v-bind:disabled="isDisabled">btn</button>
</template>

Задание 1

Дан инпут. Сделайте кнопку, нажатие на которую будет по очереди заблокировать и отблокировать наш инпут.

Задание 2

Модифицируйте предыдущую задачу так, чтобы состояние инпута регулировалось чекбоксом: если чекбокс отмечен, то инпут отблокирован, а если не отмечен - то инпут заблокирован.