Блакіроўка элементаў у Vue

Можна рэактыўна блакіраваць элементы формы з дапамогай атрыбута disabled. Давайце паспрабуем. Зробім адпаведнае ўласцівасць:

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

Прывяжам гэта ўласцівасць да кнопкі:

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

Задание 1

Дадзены інпут. Зрабіце кнопку, націсканне на якую будзе па чарзе заблакіраваць і разблакіраваць наш інпут.

Задание 2

Мадыфікуйце папярэднюю задачу так, каб стан інпута рэгулявалася чэкбоксам: калі чэкбокс адзначаны, то інпут разблакіраваны, а калі не адзначаны - то інпут заблакіраваны.