Blokowanie elementów w Vue

Można reaktywnie blokować elementy formularza za pomocą atrybutu disabled. Spróbujmy. Stwórzmy odpowiednią właściwość:

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

Powiążmy tę właściwość z przyciskiem:

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

Задание 1

Dany jest input. Stwórz przycisk, którego kliknięcie będzie na przemian blokować i odblokowywać nasz input.

Задание 2

Zmodyfikuj poprzednie zadanie tak, aby stan inputa był regulowany przez checkbox: jeśli checkbox jest zaznaczony, to input jest odblokowany, a jeśli nie jest zaznaczony - to input jest zablokowany.