Bloqueo de elementos en Vue

Es posible bloquear reactivamente elementos de formulario utilizando el atributo disabled. Intentémoslo. Creemos la propiedad correspondiente:

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

Vinculamos esta propiedad al botón:

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

Задание 1

Se da un campo de entrada. Cree un botón, al hacer clic en el cual se bloqueará y desbloqueará alternadamente nuestro campo de entrada.

Задание 2

Modifique la tarea anterior de modo que el estado del campo de entrada se controle mediante una casilla de verificación: si la casilla está marcada, el campo de entrada está desbloqueado, y si no está marcada, el campo de entrada está bloqueado.