Vue да элементларни блоклаш

Атрибут disabled ёрдамида форма элементларини реактив равишда блоклаш мумкин. Келиб, синайлик. Мос свойствони ясаймиз:

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

Бу свойствони тугмага боглаймиз:

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

Задание 1

Инпут берилган. Босилганда инпутимизни навбатма-навбат блоклаб ва блокловчи тугма ясанг.

Задание 2

Олдинги машқни шундай модификация қилингки, инпутнинг ҳолати чекбокс орқали бошқарилсин: агар чекбокс белгиланган бўлса, инпут блокланмаган, агар белгиланмаган бўлса - инпут блокланган.