Сергей delphinpro

https://qna.habr.com/q/1243174

Вы сами определили плюсы и минусы обоих подходов.

Множественное переиспользование общего компонента решается массивом данных в сторе.
Грубо так:

store = {
  modals: [
    // {}  - объект с данными для модалки
  ];
}

<template v-for="modal in store.modals">
  <my-modal-component v-bind="modal"/>
</template>

А если кнопку вообще нажимать не будут? Форма может отправиться и по энтеру.

Но в принципе можно например так (без привлечения javascript)

<button type="submit" formaction="send_mail.php?act=buy">Купить участок</button>
<button type="submit" formaction="send_mail.php?act=sell">Продать участок</button>

в php $_GET['act']

element.style.backgroundColor = 'red'; // Сделать красным
element.style.backgroundColor = ''; // Вернуть так, как было прописано в css

Вероятно проблема в том, как редактор конвертирует переводы строк в html. Это могут быть теги BR или P. И в зависимости от ваших стилей визуальный результат может различаться.

Что конкретно делает git - это понятно

Видимо, не очень понятно. Гит хранит разницу состояний между коммитами – diff. Yf его основе строит содержимое при переключении. Полные копии всех состояний не хранятся.

В принципе можно.
Но может тогда лучше класс создать с необходимыми методами?

class fun1 {
  constructor(){
    // код...
    this.#fun2();
  }
  #fun2() {
    // код...
    this.#fun3();
  }
  #fun3() {
    // код...
    // вызов какой-то из вложенных функций
  }
  #fun4() {
    // код...
    // вызов какой-то из вложенных функций
  }
}

const f1 = new fun1();

ну как вариант

.slick-slider:not(.slick-initialized) {
  opacity: 0;
}

Для начала нужно понять что это за методы.

Если эти методы дергаются по отдельности на разных роутах, то файл следует сохранять, писать на него где-то (в бд) ссылку и по ней доставать в других методах файл.

Если один метод вызывается из другого, то ссылку на файл можно сохранить в свойстве класса $this->file или передавать параметром.

.container
  .row
    .col-6
      Контакты
    .col-6.map-col
      .map

.map-col {
  position: relative;
}

.map {
  position: absolute;
  left: 0;
  top: 0;
  width: 50vw;
  height: 400px;
}

<div>
  <input className="form-control" id="inputFilter" />
  <icon>
</div>

div {
  position: relative;
}

icon {
  position: absolute;  
  right: 0;
  top: 0;
  pointer-events: none;
}