Bloqueio de elementos no Vue

É possível bloquear elementos de formulário reativamente usando o atributo disabled. Vamos tentar. Vamos criar a propriedade correspondente:

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

Vamos vincular esta propriedade ao botão:

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

Задание 1

É dado um input. Crie um botão cujo clique irá bloquear e desbloquear nosso input alternadamente.

Задание 2

Modifique a tarefa anterior para que o estado do input seja controlado por uma checkbox: se a checkbox estiver marcada, o input estará desbloqueado, e se não estiver marcada - o input estará bloqueado.