установка зависимостей: npm install
запуска серсера по адресу localhost:8080 npm run dev
сборка проекта npm run build
Я объявил переменную - главный массив, который представляет 64 булевых значений
Также, в шаблоне, через цикл, отрисовал на странице 64 поля и стилями собрал их в один большой квадрат 8х8
В этом же цикле определил для каждого поля индекс, через который связал главный массив с каждым полем. Т. е. индекс каждого поля соответсвует индексу булевого значения в массиве, если значение положительно, то поле зелёное, иначе - белое или тёмное.
При клике по полю вызывается функция, похожая на функцию из второго задания, которая принимает индекс поля и по нему вычисляет координаты (формулы, кстати, я сам придумал :-) ). После этого, по этим координатам, определяет все координаты по которым может сходить конь. По каждой получившейся координате вычисляется новое число - индекс поля, которое должно быть закрашенно.(и эти формулы, тоже я придумал) Затем через Функцию Vue.set() находим соответствующие индекся и меняем их значения на true.
Т. е. нажимая на кнопку, мы заставляем несколько полей поменять окраситься в зелёный.
Макет не адаптивный, по этому его не получится просмотреть его на экране меньше 1000px.
Вся работа в App.vue