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

Може реактивно да се блокираат елементи на формата со користење на атрибутот disabled. Ајде да пробаме. Ајде да направиме соодветно својство:

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

Ајде да го врземе ова својство на копчето:

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

Задание 1

Даден е input. Направете копче, притискање на кое наизменично ќе го блокира и одблокира нашиот input.

Задание 2

Модифицирајте ја претходната задача така што состојбата на input-от да се регулира со checkbox: ако checkbox-от е означен, тогаш input-от е одблокиран, а ако не е означен - тогаш input-от е блокиран.